:root{--primary:#4a90d9;--primary-dark:#3a7bc8;--primary-light:#6ba3e0;--secondary:#ff6b6b;--accent:#4ecdc4;--success:#2ecc71;--warning:#f39c12;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--container-max:1200px;--section-padding:100px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--gray-800);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--gray-100);transition:all .3s ease}.nav-container{max-width:var(--container-max);margin:0 auto;padding:0 24px;justify-content:space-between;height:72px}.nav-container,.nav-logo{display:flex;align-items:center}.nav-logo{gap:12px;text-decoration:none;color:var(--gray-900);font-weight:700;font-size:1.25rem}.nav-logo img{width:40px;height:40px;border-radius:10px}.nav-links{display:flex;align-items:center;gap:32px}.nav-link{text-decoration:none;color:var(--gray-600);font-weight:500;font-size:.95rem;transition:color .2s ease}.nav-link:hover{color:var(--primary)}.nav-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary);color:var(--white);text-decoration:none;border-radius:8px;font-weight:600;font-size:.9rem;transition:all .2s ease}.nav-cta:hover{background:var(--primary-dark);transform:translateY(-1px)}.hero{min-height:100vh;display:flex;align-items:center;padding:120px 24px 80px;background:linear-gradient(135deg,var(--gray-50) 0,var(--white) 50%,#ebf4ff 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(74,144,217,.1) 0,transparent 70%);pointer-events:none}.hero-container{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:center}.hero-content{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(74,144,217,.1);color:var(--primary);border-radius:100px;font-size:.85rem;font-weight:600;margin-bottom:24px}.hero-badge-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero h1{font-size:3.5rem;font-weight:800;line-height:1.1;color:var(--gray-900);margin-bottom:24px}.hero h1 span{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;color:var(--gray-600);line-height:1.8;margin-bottom:40px;max-width:520px}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.hero-phone{position:relative;width:280px;height:560px;background:var(--gray-900);border-radius:40px;padding:12px;box-shadow:var(--shadow-xl),0 0 0 1px rgba(0,0,0,.1)}.hero-phone-screen{position:relative;width:100%;height:100%;background:var(--white);border-radius:32px;overflow:hidden;isolation:isolate}.hero-phone-screen:before{content:"";position:absolute;inset:0;border-radius:32px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);z-index:2;pointer-events:none}.phone-icon{position:absolute;top:18%;left:50%;transform:translateX(-50%);z-index:3;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.hero-phone-screen img{width:100%;height:100%;object-fit:cover;border-radius:32px}.hero-phone-notch{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:120px;height:28px;background:var(--gray-900);border-radius:20px;z-index:10}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 28px;border-radius:12px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none}.btn-primary{background:var(--gray-900);color:var(--white)}.btn-primary:hover{background:var(--gray-800);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--white);color:var(--gray-900);border:2px solid var(--gray-200)}.btn-secondary:hover{border-color:var(--gray-300);background:var(--gray-50)}.btn svg{width:24px;height:24px}.stats{padding:60px 24px;background:var(--white);border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100)}.stats-container{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:48px;gap:48px}.stat-item{text-align:center}.stat-value{font-size:3rem;font-weight:800;color:var(--primary);line-height:1;margin-bottom:8px}.stat-label{font-size:.95rem;color:var(--gray-500);font-weight:500}.features{padding:var(--section-padding) 24px;background:var(--gray-50)}.section-header{text-align:center;max-width:600px;margin:0 auto 64px}.section-label{display:inline-block;padding:6px 14px;background:rgba(74,144,217,.1);color:var(--primary);border-radius:100px;font-size:.85rem;font-weight:600;margin-bottom:16px}.section-title{font-size:2.5rem;font-weight:800;color:var(--gray-900);margin-bottom:16px}.section-description{font-size:1.1rem;color:var(--gray-500);line-height:1.7}.features-grid{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px}.feature-card{background:var(--white);border-radius:20px;padding:40px 32px;transition:all .3s ease;border:1px solid var(--gray-100)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:transparent}.feature-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:24px}.feature-icon.blue{background:rgba(74,144,217,.1)}.feature-icon.red{background:hsla(0,100%,71%,.1)}.feature-icon.green{background:rgba(46,204,113,.1)}.feature-icon.purple{background:rgba(155,89,182,.1)}.feature-icon.orange{background:rgba(243,156,18,.1)}.feature-icon.teal{background:rgba(78,205,196,.1)}.feature-card h3{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin-bottom:12px}.feature-card p{color:var(--gray-500);line-height:1.7;font-size:.95rem}.how-it-works{padding:var(--section-padding) 24px;background:var(--white)}.steps{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:48px}.step{display:flex;align-items:flex-start;gap:32px}.step-number{flex-shrink:0;width:56px;height:56px;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:var(--white);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800}.step-content h3{font-size:1.35rem;font-weight:700;color:var(--gray-900);margin-bottom:8px}.step-content p{color:var(--gray-500);line-height:1.7;font-size:1rem}.cta{padding:var(--section-padding) 24px;background:linear-gradient(135deg,var(--gray-900) 0,var(--gray-800) 100%);text-align:center}.cta-container{max-width:700px;margin:0 auto}.cta h2{font-size:2.75rem;font-weight:800;color:var(--white);margin-bottom:20px}.cta p{font-size:1.2rem;color:var(--gray-400);margin-bottom:40px;line-height:1.7}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-store{display:flex;align-items:center;gap:14px;padding:14px 28px;background:var(--white);color:var(--gray-900);text-decoration:none;border-radius:12px;transition:all .2s ease}.btn-store:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-store svg{width:28px;height:28px}.btn-store-text{text-align:left}.btn-store-text small{display:block;font-size:.75rem;color:var(--gray-500);font-weight:500}.btn-store-text span{display:block;font-size:1.1rem;font-weight:700}.footer{background:var(--gray-900);color:var(--gray-400);padding:80px 24px 40px}.footer-container{max-width:var(--container-max);margin:0 auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:64px;gap:64px;margin-bottom:64px}.footer-brand{max-width:320px}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:20px}.footer-logo img{width:44px;height:44px;border-radius:12px}.footer-logo span{font-size:1.25rem;font-weight:700;color:var(--white)}.footer-brand p{line-height:1.7;font-size:.95rem}.footer-column h4{color:var(--white);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:20px}.footer-links{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-links a{color:var(--gray-400);text-decoration:none;font-size:.95rem;transition:color .2s ease}.footer-links a:hover{color:var(--white)}.footer-bottom{padding-top:32px;border-top:1px solid var(--gray-800);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-bottom p{font-size:.9rem}.footer-social{display:flex;gap:16px}.footer-social a{width:40px;height:40px;border-radius:10px;background:var(--gray-800);display:flex;align-items:center;justify-content:center;color:var(--gray-400);transition:all .2s ease}.footer-social a:hover{background:var(--primary);color:var(--white)}.legal-page{padding:140px 24px 80px;min-height:100vh}.legal-container{max-width:800px;margin:0 auto}.legal-header{margin-bottom:48px}.legal-header h1{font-size:2.5rem;font-weight:800;color:var(--gray-900);margin-bottom:12px}.legal-header p{color:var(--gray-500);font-size:1rem}.legal-content h2{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-top:48px;margin-bottom:16px}.legal-content h3{font-size:1.15rem;font-weight:600;color:var(--gray-800);margin-top:32px;margin-bottom:12px}.legal-content p{color:var(--gray-600);line-height:1.8;margin-bottom:16px}.legal-content ul{margin-bottom:16px;padding-left:24px}.legal-content li{color:var(--gray-600);line-height:1.8;margin-bottom:8px}.legal-content a{color:var(--primary);text-decoration:none}.legal-content a:hover{text-decoration:underline}@media (max-width:1024px){.hero-container{grid-template-columns:1fr;gap:60px;text-align:center}.hero h1{font-size:2.75rem}.hero-description{max-width:100%;margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.hero-visual{order:-1}.features-grid,.stats-container{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:48px}}@media (max-width:768px){:root{--section-padding:64px}.nav-links{display:none}.hero{padding:100px 24px 60px}.hero h1{font-size:2.25rem}.hero-description{font-size:1.1rem}.hero-phone{width:240px;height:480px}.features-grid{grid-template-columns:1fr}.stats-container{grid-template-columns:1fr 1fr;gap:32px}.stat-value{font-size:2.25rem}.section-title{font-size:2rem}.step{flex-direction:column;text-align:center;align-items:center}.cta h2{font-size:2rem}.cta-buttons{flex-direction:column;align-items:center}.btn-store{width:100%;max-width:280px;justify-content:center}.footer-grid{grid-template-columns:1fr;gap:40px}.footer-bottom{flex-direction:column;text-align:center}.legal-header h1{font-size:2rem}}@media (max-width:480px){.hero-buttons{flex-direction:column;width:100%}.btn{width:100%}}.investor-hero{min-height:100vh;padding:120px 24px 80px;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);position:relative;overflow:hidden}.investor-hero:before{top:-50%;right:-20%;width:1000px;height:1000px;background:radial-gradient(circle,rgba(74,144,217,.15) 0,transparent 60%)}.investor-hero:after,.investor-hero:before{content:"";position:absolute;pointer-events:none}.investor-hero:after{bottom:-30%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(78,205,196,.1) 0,transparent 60%)}.investor-hero-container{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;grid-gap:60px;gap:60px;align-items:center}.investor-hero-content{position:relative;z-index:1}.investor-hero .hero-badge{background:rgba(74,144,217,.2);border:1px solid rgba(74,144,217,.3)}.investor-hero h1{font-size:3.2rem;font-weight:800;line-height:1.1;color:var(--white);margin-bottom:24px}.investor-hero h1 span{background:linear-gradient(135deg,#4ecdc4,#4a90d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.investor-hero .hero-description{color:var(--gray-300);font-size:1.15rem;margin-bottom:32px}.investor-stats-mini{display:flex;gap:32px}.investor-stat-mini{display:flex;flex-direction:column}.investor-stat-value{font-size:2rem;font-weight:800;color:var(--accent)}.investor-stat-label{font-size:.85rem;color:var(--gray-400)}.investor-phones{display:flex;justify-content:center;align-items:flex-end;gap:20px;position:relative;z-index:1}.phone-mockup{position:relative;background:#1a1a1a;border-radius:36px;padding:10px;box-shadow:0 25px 50px rgba(0,0,0,.5);transition:transform .3s ease}.phone-mockup:hover{transform:translateY(-10px)}.phone-left,.phone-right{width:180px;height:380px;opacity:.85}.phone-center{width:220px;height:450px;z-index:2}.phone-notch{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:80px;height:24px;background:#1a1a1a;border-radius:20px;z-index:10}.phone-center .phone-notch{width:100px;height:28px}.phone-screen{width:100%;height:100%;background:var(--white);border-radius:28px;overflow:hidden}.phone-label{color:var(--gray-400);font-size:.8rem;font-weight:500;margin-top:12px}.screen-content{height:100%}.screen-content,.screen-header{display:flex;flex-direction:column}.screen-header{padding:40px 16px 12px;align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%)}.screen-time{font-size:.7rem;color:hsla(0,0%,100%,.8);margin-bottom:8px}.screen-title{font-size:.85rem;font-weight:600;color:var(--white)}.phone-center .screen-title{font-size:1rem}.screen-body{flex:1 1;padding:20px 16px;gap:16px}.big-button,.screen-body{display:flex;flex-direction:column;align-items:center;justify-content:center}.big-button{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);box-shadow:0 8px 24px hsla(0,100%,71%,.4)}.phone-center .big-button{width:140px;height:140px}.big-button-icon{font-size:2rem}.big-button-text{font-size:.65rem;color:#fff;font-weight:600;text-align:center;margin-top:4px}.screen-hint{font-size:.6rem;color:var(--gray-400);text-align:center;max-width:140px;line-height:1.4}.screen-body-map{padding:0;position:relative}.fake-map{position:absolute;inset:0;background:linear-gradient(180deg,#e8f4f8,#d4e8e4)}.map-marker{position:absolute;font-size:1.2rem}.marker-user{top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem}.marker-vol1{top:30%;left:30%}.marker-vol2{top:25%;right:25%}.marker-vol3{bottom:35%;left:40%}.map-card{position:absolute;bottom:16px;left:12px;right:12px;border-radius:12px;padding:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);flex-direction:column;gap:2px}.map-card-name{font-size:.8rem;font-weight:600;color:var(--gray-900)}.map-card-distance{font-size:.7rem;color:var(--gray-500)}.request-card{gap:12px;background:var(--gray-50);border-radius:12px;padding:12px;width:100%}.request-avatar,.request-card{display:flex;align-items:center}.request-avatar{width:40px;height:40px;background:var(--gray-200);border-radius:50%;justify-content:center;font-size:1.2rem}.request-info{display:flex;flex-direction:column;gap:2px}.request-name{font-size:.8rem;font-weight:600;color:var(--gray-900)}.request-desc{font-size:.7rem;color:var(--gray-600)}.request-distance{font-size:.65rem;color:var(--primary)}.request-actions{display:flex;gap:8px;width:100%}.btn-accept,.btn-decline{flex:1 1;padding:10px;border:none;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer}.btn-accept{background:var(--success);color:#fff}.btn-decline{background:var(--gray-200);color:var(--gray-600)}.app-showcase{padding:80px 24px;background:linear-gradient(180deg,var(--gray-50) 0,var(--white) 100%)}.app-showcase .section-header{text-align:center;margin-bottom:60px}.phones-carousel{display:flex;justify-content:center;align-items:flex-end;gap:24px;max-width:1400px;margin:0 auto;padding:0 20px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.phone-showcase{flex:0 0 auto;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center}.phone-showcase.featured{transform:scale(1.1);z-index:2}.phone-mockup-large{position:relative;width:260px;height:520px;background:#1a1a1a;border-radius:44px;padding:12px;box-shadow:0 30px 60px rgba(0,0,0,.3);transition:transform .3s ease}.phone-mockup-large:hover{transform:translateY(-8px)}.phone-mockup-large .phone-notch{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:120px;height:32px;background:#1a1a1a;border-radius:20px;z-index:20}.phone-mockup-large .phone-screen{width:100%;height:100%;background:#f2f2f7;border-radius:36px;overflow:hidden}.screen-status-bar{display:flex;justify-content:space-between;align-items:center;padding:48px 20px 8px;font-size:.75rem;font-weight:600;color:#1c1c1e}.status-icons{display:flex;gap:4px;font-size:.7rem}.screen-header-bar{display:flex;justify-content:space-between;align-items:center;padding:48px 16px 12px;background:#fff;border-bottom:1px solid #e5e5ea}.header-logo{display:flex;align-items:center;gap:6px;font-weight:700;font-size:.9rem;color:#1c1c1e}.logo-icon{font-size:1.1rem}.header-status{display:flex;align-items:center;gap:10px;font-size:1.2rem;color:#8e8e93}.status-dot{width:10px;height:10px;border-radius:50%;background:#8e8e93}.status-dot.green{background:#34c759}.role-content{padding:40px 20px;text-align:center}.role-welcome{font-size:.9rem}.role-app-name{font-size:1.8rem;margin-bottom:8px}.role-subtitle{font-size:.8rem;margin-bottom:32px}.role-cards{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.role-card{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb;border-radius:16px;border:2px solid transparent;transition:all .2s ease}.role-card:hover{border-color:#007aff}.role-icon{font-size:2rem}.role-info{flex:1 1;text-align:left}.role-title{display:block;font-weight:700;font-size:1rem;color:#1c1c1e}.role-desc{font-size:.75rem;color:#8e8e93}.role-arrow{font-size:1.2rem;color:#c7c7cc}.coordinator-link{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#f2f2f7;border:1px solid #e5e5ea;border-radius:10px;font-size:.8rem;color:#8e8e93;cursor:pointer}.screen-patient-home{height:100%;background:#f2f2f7;display:flex;flex-direction:column}.patient-content{flex:1 1;padding:16px;overflow:hidden}.map-card{display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border-radius:16px;margin-bottom:20px;border:1px solid rgba(0,122,255,.2)}.map-icon{font-size:1.8rem}.map-text{flex:1 1}.map-title{display:block;font-weight:700;font-size:.85rem;color:#1c1c1e}.map-subtitle{font-size:.7rem;color:#8e8e93}.chevron{font-size:1.5rem;color:#c7c7cc}.section-header-small{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:700;font-size:.95rem;color:#1c1c1e}.see-all{font-size:.8rem;color:#007aff;font-weight:600}.request-card-small{display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border-radius:14px;margin-bottom:10px}.request-card-small .request-icon{font-size:1.5rem}.request-card-small .request-info{flex:1 1}.request-card-small .request-type{display:block;font-weight:700;font-size:.9rem;color:#1c1c1e}.request-card-small .request-desc{font-size:.75rem;color:#8e8e93}.request-status{font-size:.65rem;font-weight:600;padding:4px 10px;border-radius:20px}.request-status.pending{background:#fff3e0;color:#ff9500}.request-status.completed{background:#e8f5e9;color:#34c759}.fab-button{position:absolute;bottom:20px;left:16px;right:16px;display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#007aff,#0056cc);border-radius:20px;box-shadow:0 8px 24px rgba(0,122,255,.4)}.fab-icon{font-size:1.5rem}.fab-text{flex:1 1}.fab-main{display:block;font-weight:700;font-size:.95rem;color:#fff}.fab-sub{font-size:.7rem;color:hsla(0,0%,100%,.8)}.screen-volunteer-home{height:100%;background:#f2f2f7;display:flex;flex-direction:column}.availability-toggle{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;margin:12px;border-radius:14px}.toggle-label{font-weight:600;font-size:.9rem;color:#1c1c1e}.toggle-switch{width:50px;height:28px;background:#e5e5ea;border-radius:14px;position:relative;transition:all .2s ease}.toggle-switch.on{background:#34c759}.toggle-knob{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:all .2s ease}.toggle-switch.on .toggle-knob{left:24px}.volunteer-header{padding:12px 16px}.vol-title{font-size:1rem}.vol-count{font-size:.75rem;color:#8e8e93}.request-list{flex:1 1;padding:0 12px;overflow:hidden}.volunteer-request-card{background:#fff;border-radius:14px;padding:14px;margin-bottom:10px}.vr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.vr-type{font-weight:700;font-size:.9rem;color:#1c1c1e}.vr-distance{font-size:.75rem;font-weight:600;color:#007aff}.vr-desc{font-size:.8rem;color:#8e8e93;margin-bottom:8px}.vr-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.vr-time{font-size:.7rem;color:#c7c7cc}.vr-urgency{font-size:.65rem;font-weight:600;padding:3px 8px;border-radius:10px}.vr-urgency.high{background:#ffebee;color:#ff3b30}.vr-urgency.normal{background:#e8f5e9;color:#34c759}.vr-actions{display:flex;gap:8px}.vr-actions .btn-accept,.vr-actions .btn-decline{flex:1 1;padding:10px;border:none;border-radius:10px;font-weight:600;font-size:.8rem;cursor:pointer}.vr-actions .btn-decline{background:#f2f2f7;color:#8e8e93}.vr-actions .btn-accept{background:#34c759;color:#fff}.screen-chat{height:100%;background:#f2f2f7;display:flex;flex-direction:column}.chat-header{display:flex;align-items:center;gap:12px;padding:48px 16px 12px;background:#fff;border-bottom:1px solid #e5e5ea}.back-arrow{font-size:1.3rem;color:#007aff;cursor:pointer}.chat-user{flex:1 1;gap:10px}.chat-avatar,.chat-user{display:flex;align-items:center}.chat-avatar{width:36px;height:36px;background:#007aff;border-radius:50%;justify-content:center;font-size:1rem}.chat-user-info{display:flex;flex-direction:column}.chat-name{font-weight:600;font-size:.95rem;color:#1c1c1e}.chat-status{font-size:.7rem;color:#8e8e93}.chat-status.online{color:#34c759}.call-icon{font-size:1.3rem}.chat-messages{flex:1 1;padding:16px;gap:8px;overflow:hidden}.chat-messages,.message{display:flex;flex-direction:column}.message{max-width:80%;padding:10px 14px;border-radius:18px}.message.sent{align-self:flex-end;background:#007aff;border-bottom-right-radius:4px}.message.received{align-self:flex-start;background:#fff;border-bottom-left-radius:4px}.msg-text{font-size:.85rem;line-height:1.4}.message.sent .msg-text{color:#fff}.message.received .msg-text{color:#1c1c1e}.msg-time{font-size:.6rem;margin-top:4px}.message.sent .msg-time{color:hsla(0,0%,100%,.7);text-align:right}.message.received .msg-time{color:#8e8e93}.chat-input{display:flex;gap:10px;padding:12px 16px;background:#fff;border-top:1px solid #e5e5ea}.chat-input input{flex:1 1;padding:10px 16px;background:#f2f2f7;border:none;border-radius:20px;font-size:.85rem;outline:none}.send-btn{width:36px;height:36px;background:#007aff;border:none;border-radius:50%;color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.screen-active-request{height:100%;background:#f2f2f7;display:flex;flex-direction:column}.ar-header{display:flex;align-items:center;justify-content:space-between;padding:48px 16px 12px;background:#fff;border-bottom:1px solid #e5e5ea}.ar-title{font-weight:700;font-size:1rem;color:#1c1c1e}.ar-content{flex:1 1;padding:16px;overflow:hidden}.ar-status-card{background:#fff;border-radius:16px;padding:20px;text-align:center;margin-bottom:12px}.ar-status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ar-icon{font-size:1.8rem}.ar-badge{font-size:.7rem;font-weight:600;padding:4px 12px;border-radius:20px}.ar-badge.in-progress{background:#e3f2fd;color:#007aff}.ar-type{font-size:1.3rem;font-weight:700;color:#1c1c1e;margin-bottom:4px}.ar-message{font-size:.85rem;color:#8e8e93}.ar-details-card{background:#fff;border-radius:16px;padding:16px;margin-bottom:12px}.ar-details-card h4{font-size:.95rem;font-weight:700;color:#1c1c1e;margin-bottom:14px}.ar-detail{margin-bottom:12px}.ar-label{display:block;font-size:.75rem;font-weight:600;color:#8e8e93;margin-bottom:4px}.ar-detail p{font-size:.85rem;color:#1c1c1e;margin-left:20px}.urgency-bar{height:6px;background:#e5e5ea;border-radius:3px;overflow:hidden;margin:6px 0 4px 20px}.urgency-fill{height:100%;background:#ff9500;border-radius:3px}.urgency-text{font-size:.75rem;color:#8e8e93;margin-left:20px}.ar-volunteer-card{background:#fff;border-radius:16px;padding:16px}.ar-volunteer-card h4{font-size:.95rem;font-weight:700;color:#1c1c1e;margin-bottom:12px}.ar-volunteer{gap:12px;margin-bottom:12px}.ar-vol-avatar,.ar-volunteer{display:flex;align-items:center}.ar-vol-avatar{width:48px;height:48px;background:#34c759;border-radius:50%;justify-content:center;font-size:1.5rem}.ar-vol-info{flex:1 1}.ar-vol-name{display:block;font-weight:700;font-size:1rem;color:#1c1c1e}.ar-vol-rating{font-size:.8rem;color:#8e8e93}.ar-chat-btn{width:100%;padding:12px;background:#007aff;border:none;border-radius:12px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer}.screen-role-selection{height:100%;background:#fff;display:flex;flex-direction:column;padding-top:50px}.role-header{text-align:center;padding:20px 16px 30px}.role-welcome{font-size:.85rem;color:#8e8e93;margin-bottom:4px}.role-app-name{font-size:1.6rem;font-weight:800;color:#007aff;margin-bottom:6px}.role-subtitle{font-size:.75rem;color:#8e8e93}.role-cards-v2{padding:0 16px;display:flex;flex-direction:column;gap:12px}.role-card-v2{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;cursor:pointer;transition:transform .2s ease}.role-card-v2:hover{transform:scale(1.02)}.role-card-v2.patient{background:linear-gradient(135deg,#ff6b6b,#ff8e8e)}.role-card-v2.volunteer{background:linear-gradient(135deg,#34c759,#5bd679)}.role-card-icon{width:48px;height:48px;background:hsla(0,0%,100%,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.role-card-icon svg{width:28px;height:28px}.role-card-content{flex:1 1;display:flex;flex-direction:column;gap:2px}.role-card-title{font-weight:700;font-size:.95rem;color:#fff}.role-card-desc{font-size:.7rem;color:hsla(0,0%,100%,.85)}.role-card-arrow{color:hsla(0,0%,100%,.7)}.coordinator-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:24px auto 0;padding:10px 20px;background:#f2f2f7;border:1px solid #e5e5ea;border-radius:10px;font-size:.75rem;color:#8e8e93;cursor:pointer}.coordinator-btn svg{width:14px;height:14px}.screen-patient-home-v2{height:100%;background:#f2f2f7;display:flex;flex-direction:column;position:relative}.app-header{justify-content:space-between;padding:50px 16px 12px;background:#fff;border-bottom:1px solid #e5e5ea}.app-header,.app-logo{display:flex;align-items:center}.app-logo{gap:8px;font-weight:700;font-size:.9rem;color:#1c1c1e}.logo-circle{width:28px;height:28px;background:linear-gradient(135deg,#007aff,#5856d6);border-radius:8px;justify-content:center}.header-right,.logo-circle{display:flex;align-items:center}.header-right{gap:10px}.connection-dot{width:8px;height:8px;background:#34c759;border-radius:50%}.menu-icon{font-size:1.1rem;color:#8e8e93}.patient-body{flex:1 1;padding:16px;overflow:hidden}.map-link-card{gap:12px;padding:14px;background:#fff;border-radius:14px;margin-bottom:20px;border:1px solid rgba(0,122,255,.15)}.map-link-card,.map-link-icon{display:flex;align-items:center}.map-link-icon{width:40px;height:40px;background:rgba(0,122,255,.1);border-radius:10px;justify-content:center}.map-link-text{flex:1 1;display:flex;flex-direction:column}.map-link-text strong{font-size:.8rem;font-weight:700;color:#1c1c1e;margin-bottom:2px}.map-link-text span{font-size:.65rem;color:#8e8e93}.map-link-chevron{font-size:1.5rem;color:#c7c7cc}.requests-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:700;font-size:.85rem;color:#1c1c1e}.see-all-link{font-size:.75rem;font-weight:600;color:#007aff}.request-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:12px;margin-bottom:8px}.request-item-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.request-item-icon.pharmacy{background:linear-gradient(135deg,#ff6b6b,#ff8e8e)}.request-item-icon.groceries{background:linear-gradient(135deg,#34c759,#5bd679)}.request-item-info{flex:1 1;display:flex;flex-direction:column}.request-item-type{font-weight:700;font-size:.8rem;color:#1c1c1e}.request-item-desc{font-size:.65rem;color:#8e8e93}.status-badge{font-size:.6rem;font-weight:600;padding:4px 8px;border-radius:6px}.status-badge.pending{background:#fff3e0;color:#ff9500}.status-badge.completed{background:#e8f5e9;color:#34c759}.fab-v2{position:absolute;bottom:16px;left:16px;right:16px;gap:14px;padding:14px 18px;background:linear-gradient(135deg,#007aff,#0056cc);border-radius:18px;box-shadow:0 8px 20px rgba(0,122,255,.35)}.fab-icon-v2,.fab-v2{display:flex;align-items:center}.fab-icon-v2{width:44px;height:44px;background:hsla(0,0%,100%,.2);border-radius:12px;justify-content:center}.fab-content{flex:1 1;display:flex;flex-direction:column}.fab-title{font-weight:700;font-size:.9rem;color:#fff}.fab-subtitle{font-size:.65rem;color:hsla(0,0%,100%,.8)}.screen-volunteer-home-v2{height:100%;background:#f2f2f7;display:flex;flex-direction:column}.availability-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#fff;margin:12px;border-radius:12px}.availability-label{font-weight:600;font-size:.85rem;color:#1c1c1e}.toggle-v2{width:48px;height:28px;background:#e5e5ea;border-radius:14px;position:relative;transition:background .2s ease}.toggle-v2.active{background:#34c759}.toggle-knob-v2{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:left .2s ease}.toggle-v2.active .toggle-knob-v2{left:22px}.vol-section-header{padding:0 16px 12px}.vol-title{display:block;font-weight:700;font-size:.95rem;color:#1c1c1e;margin-bottom:4px}.vol-subtitle{font-size:.7rem;color:#8e8e93}.volunteer-request-v2{background:#fff;border-radius:14px;padding:14px;margin:0 12px 10px}.volunteer-request-v2.small{padding:12px}.vr-top{gap:12px;margin-bottom:10px}.vr-icon-wrap,.vr-top{display:flex;align-items:center}.vr-icon-wrap{width:40px;height:40px;border-radius:10px;justify-content:center;color:#fff}.vr-icon-wrap.pharmacy{background:linear-gradient(135deg,#ff6b6b,#ff8e8e)}.vr-icon-wrap.company{background:linear-gradient(135deg,#007aff,#5856d6)}.vr-info{flex:1 1;display:flex;flex-direction:column}.vr-name-row{display:flex;align-items:center;gap:8px}.vr-name{font-weight:700;font-size:.85rem;color:#1c1c1e}.urgent-badge{font-size:.55rem;font-weight:700;padding:2px 6px;background:#ffebee;color:#ff3b30;border-radius:4px}.vr-type{font-size:.7rem;color:#8e8e93}.vr-distance-box{display:flex;flex-direction:column;align-items:flex-end;padding:8px 10px;background:#f2f2f7;border-radius:8px}.vr-km{font-size:.75rem;font-weight:700;color:#007aff}.vr-time{font-size:.6rem;color:#8e8e93}.vr-desc-box{padding:10px 12px;background:#f9fafb;border-radius:8px;margin-bottom:10px}.vr-desc-box p{font-size:.75rem;color:#1c1c1e;line-height:1.4}.vr-bottom{margin-bottom:12px}.vr-created{font-size:.65rem;color:#c7c7cc}.vr-buttons{display:flex;gap:8px}.vr-btn{flex:1 1;padding:10px;border:none;border-radius:10px;font-weight:600;font-size:.8rem;cursor:pointer}.vr-btn.decline{background:#f2f2f7;color:#8e8e93}.vr-btn.accept{background:#34c759;color:#fff}.screen-chat-v2{height:100%;background:#f2f2f7;display:flex;flex-direction:column}.chat-header-v2{gap:12px;padding:50px 16px 12px;background:#fff;border-bottom:1px solid #e5e5ea}.back-btn,.chat-header-v2{display:flex;align-items:center}.back-btn{background:none;border:none;padding:0;cursor:pointer;justify-content:center}.chat-user-v2{flex:1 1;gap:10px}.chat-avatar-v2,.chat-user-v2{display:flex;align-items:center}.chat-avatar-v2{width:36px;height:36px;background:linear-gradient(135deg,#34c759,#5bd679);border-radius:50%;justify-content:center;font-weight:700;font-size:.9rem;color:#fff}.chat-user-info-v2{display:flex;flex-direction:column}.chat-user-name{font-weight:700;font-size:.9rem;color:#1c1c1e}.chat-user-status{font-size:.65rem;color:#8e8e93}.chat-user-status.online{color:#34c759}.call-btn{background:none;border:none;padding:0;cursor:pointer}.chat-body{flex:1 1;padding:16px;gap:10px;overflow:hidden}.chat-body,.chat-bubble{display:flex;flex-direction:column}.chat-bubble{max-width:80%;padding:10px 14px;border-radius:18px}.chat-bubble.received{align-self:flex-start;background:#fff;border-bottom-left-radius:4px}.chat-bubble.sent{align-self:flex-end;background:#007aff;border-bottom-right-radius:4px}.chat-bubble p{font-size:.8rem;line-height:1.4}.chat-bubble.received p{color:#1c1c1e}.chat-bubble.sent p{color:#fff}.bubble-time{font-size:.55rem;margin-top:4px}.chat-bubble.received .bubble-time{color:#8e8e93}.chat-bubble.sent .bubble-time{color:hsla(0,0%,100%,.7);text-align:right}.chat-input-v2{display:flex;gap:10px;padding:12px 16px;background:#fff;border-top:1px solid #e5e5ea}.chat-input-v2 input{flex:1 1;padding:10px 14px;background:#f2f2f7;border:none;border-radius:20px;font-size:.8rem;outline:none}.send-btn-v2{width:36px;height:36px;background:#007aff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.screen-active-v2{height:100%;background:#f2f2f7;display:flex;flex-direction:column}.active-header{display:flex;align-items:center;justify-content:space-between;padding:50px 16px 12px;background:#fff;border-bottom:1px solid #e5e5ea}.active-title{font-weight:700;font-size:1rem;color:#1c1c1e}.active-body{flex:1 1;padding:16px;overflow:hidden}.status-card-v2{background:#fff;border-radius:16px;padding:20px;text-align:center;margin-bottom:12px}.status-card-top{justify-content:space-between;margin-bottom:12px}.status-card-top,.status-icon{display:flex;align-items:center}.status-icon{width:48px;height:48px;border-radius:12px;justify-content:center;color:#fff}.status-icon.groceries{background:linear-gradient(135deg,#34c759,#5bd679)}.status-badge-v2{font-size:.65rem;font-weight:600;padding:4px 12px;border-radius:20px}.status-badge-v2.in-progress{background:#e3f2fd;color:#007aff}.status-type{font-size:1.2rem;font-weight:700;color:#1c1c1e;margin-bottom:4px}.status-message{font-size:.8rem;color:#8e8e93}.details-card-v2{background:#fff;border-radius:16px;padding:16px;margin-bottom:12px}.details-card-v2 h4{font-size:.9rem;font-weight:700;color:#1c1c1e;margin-bottom:14px}.detail-row{margin-bottom:12px}.detail-label{display:block;font-size:.7rem;font-weight:600;color:#8e8e93;margin-bottom:4px}.detail-row p{font-size:.8rem;color:#1c1c1e}.urgency-bar-v2{height:6px;background:#e5e5ea;border-radius:3px;overflow:hidden;margin:6px 0 4px}.urgency-fill-v2{height:100%;background:#ff9500;border-radius:3px}.urgency-level{font-size:.7rem;color:#8e8e93}.volunteer-card-v2{background:#fff;border-radius:16px;padding:16px}.volunteer-card-v2 h4{font-size:.9rem;font-weight:700;color:#1c1c1e;margin-bottom:12px}.volunteer-info-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.volunteer-avatar-v2{width:44px;height:44px;background:linear-gradient(135deg,#34c759,#5bd679);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#fff}.volunteer-details{flex:1 1;display:flex;flex-direction:column}.volunteer-name-v2{font-weight:700;font-size:.95rem;color:#1c1c1e}.volunteer-rating{font-size:.75rem;color:#8e8e93}.message-btn-v2{width:100%;padding:12px;background:#007aff;border:none;border-radius:12px;color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.phone-label{font-size:.85rem;color:#1c1c1e}@media (max-width:1200px){.phones-carousel{gap:16px;padding-bottom:20px}.phone-mockup-large{width:220px;height:440px}.phone-showcase.featured{transform:scale(1.05)}}@media (max-width:900px){.phones-carousel{justify-content:flex-start;padding:0 40px 20px}.phone-mockup-large{width:200px;height:400px}.phone-showcase.featured{transform:scale(1)}}@media (max-width:600px){.app-showcase{padding:60px 16px}.phones-carousel{padding:0 20px 20px;gap:12px}.phone-mockup-large{width:180px;height:360px;border-radius:32px}.phone-mockup-large .phone-notch{width:80px;height:24px;top:14px}.phone-mockup-large .phone-screen{border-radius:28px}}.investor-section{padding:var(--section-padding) 24px;background:var(--white)}.investor-section:nth-child(odd){background:var(--gray-50)}.problem-grid{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px}.problem-card{background:var(--white);border-radius:16px;padding:32px 24px;text-align:center;border:1px solid var(--gray-100);transition:all .3s ease}.problem-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.problem-icon{font-size:2.5rem;margin-bottom:16px}.problem-card h3{font-size:2rem;font-weight:800;color:var(--secondary);margin-bottom:8px}.problem-card p{font-size:.9rem;color:var(--gray-500);line-height:1.6}.solution-section{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%)!important}.solution-section .section-label{background:hsla(0,0%,100%,.2);color:#fff}.solution-section .section-title{color:#fff}.solution-grid{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px}.solution-feature{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:32px 24px;text-align:center;border:1px solid hsla(0,0%,100%,.2);transition:all .3s ease}.solution-feature:hover{background:hsla(0,0%,100%,.15);transform:translateY(-4px)}.solution-icon{font-size:2.5rem;margin-bottom:16px}.solution-feature h3{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:8px}.solution-feature p{font-size:.9rem;color:hsla(0,0%,100%,.8);line-height:1.6}.business-grid{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px}.business-card{background:var(--white);border-radius:20px;padding:40px 32px;border:2px solid var(--gray-100);transition:all .3s ease}.business-card:hover{border-color:var(--primary);box-shadow:var(--shadow-xl)}.business-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.business-icon{font-size:2rem}.business-card h3{font-size:1.25rem;font-weight:700;color:var(--gray-900)}.business-card p{color:var(--gray-500);line-height:1.7;margin-bottom:20px}.business-price{display:inline-block;padding:8px 16px;background:rgba(74,144,217,.1);color:var(--primary);border-radius:8px;font-weight:700;font-size:1.1rem}.traction-section{background:var(--gray-900)!important}.traction-section .section-label{background:rgba(78,205,196,.2);color:var(--accent)}.traction-section .section-title{color:#fff}.traction-timeline{max-width:800px;margin:0 auto;position:relative;padding-left:40px}.traction-timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--gray-700)}.traction-item{position:relative;padding-bottom:48px}.traction-item.future{opacity:.5}.traction-dot{position:absolute;left:-40px;width:18px;height:18px;background:var(--gray-700);border-radius:50%;border:3px solid var(--gray-900)}.traction-dot.active{background:var(--accent);box-shadow:0 0 0 4px rgba(78,205,196,.3)}.traction-content{background:var(--gray-800);border-radius:12px;padding:24px}.traction-date{display:inline-block;padding:4px 10px;background:var(--gray-700);color:var(--gray-300);border-radius:4px;font-size:.8rem;font-weight:600;margin-bottom:12px}.traction-content h4{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:8px}.traction-content p{color:var(--gray-400);font-size:.95rem;line-height:1.6}.vision-content{max-width:900px;margin:0 auto;text-align:center}.vision-quote{font-size:1.5rem;font-style:italic;color:var(--gray-700);line-height:1.7;margin-bottom:48px;position:relative;padding:0 40px}.vision-quote:after,.vision-quote:before{content:'"';font-size:4rem;color:var(--primary);opacity:.2;position:absolute;font-family:Georgia,serif}.vision-quote:before{left:0;top:-20px}.vision-quote:after{right:0;bottom:-40px}.vision-goals{display:flex;justify-content:center;gap:64px}.vision-goal{display:flex;flex-direction:column;align-items:center}.goal-number{font-size:3rem;font-weight:800;color:var(--primary);line-height:1}.goal-label{font-size:.95rem;color:var(--gray-500);margin-top:8px}.investor-cta{padding:var(--section-padding) 24px;background:linear-gradient(135deg,var(--gray-900) 0,#1a1a2e 100%);text-align:center}.investor-cta h2{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:16px}.investor-cta>.cta-container>p{font-size:1.15rem;color:var(--gray-400);max-width:600px;margin:0 auto 40px;line-height:1.7}.investor-cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.btn-large{padding:18px 36px;font-size:1.1rem}.investor-cta .btn-primary{background:linear-gradient(135deg,var(--accent) 0,#3db9b0 100%)}.investor-cta .btn-primary:hover{background:linear-gradient(135deg,#3db9b0 0,var(--accent) 100%)}.investor-cta .btn-secondary{background:transparent;border-color:var(--gray-600);color:#fff}.investor-cta .btn-secondary:hover{background:var(--gray-800);border-color:var(--gray-500)}.investor-contact-info{color:var(--gray-500);font-size:.95rem}@media (max-width:1024px){.investor-hero-container{grid-template-columns:1fr;text-align:center}.investor-stats-mini{justify-content:center}.investor-phones{margin-top:40px}.problem-grid,.solution-grid{grid-template-columns:repeat(2,1fr)}.business-grid{grid-template-columns:1fr;max-width:500px}}@media (max-width:768px){.investor-hero h1{font-size:2.25rem}.investor-phones{flex-direction:column;align-items:center}.phone-left,.phone-right{display:none}.phone-center{width:260px;height:520px}.problem-grid,.solution-grid{grid-template-columns:1fr}.vision-goals{flex-direction:column;gap:32px}.vision-quote{font-size:1.2rem;padding:0 20px}.investor-cta h2{font-size:2rem}.investor-cta-buttons{flex-direction:column;align-items:center}}:root{--app-primary:#6ba3d4;--app-secondary:#8fb996;--app-accent:#e89e8e;--app-bg:#f8fafb;--app-text-primary:#2c3e50;--app-text-secondary:#5a6c7d;--app-text-tertiary:#8b9daf;--app-success:#7cc39b;--app-warning:#e5b878;--app-border:#e8eef3}.mock-role-selection{height:100%;background:var(--app-bg);display:flex;flex-direction:column;justify-content:center;padding:20px 16px}.mock-role-header{text-align:center;margin-bottom:32px}.mock-welcome{display:block;font-size:.9rem;font-weight:600;color:var(--app-text-secondary);margin-bottom:6px}.mock-app-name{font-size:1.8rem;font-weight:800;color:var(--app-primary);margin:0 0 8px;letter-spacing:-.5px}.mock-choose{display:block;font-size:.8rem;color:var(--app-text-tertiary)}.mock-role-cards{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.mock-role-card{display:flex;align-items:center;gap:14px;padding:18px 16px;background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid var(--app-border);transition:transform .2s ease,box-shadow .2s ease}.mock-role-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.1)}.mock-role-icon-circle{width:56px;height:56px;border-radius:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mock-role-icon-circle.patient-bg{background:linear-gradient(135deg,#fdf5f3,#f5c7bc)}.mock-role-icon-circle.volunteer-bg{background:linear-gradient(135deg,#f0f7f2,#b8d4bf)}.mock-role-text{flex:1 1;display:flex;flex-direction:column;gap:3px}.mock-role-title{font-weight:700;font-size:1rem}.mock-role-title.patient-text{color:var(--app-accent)}.mock-role-title.volunteer-text{color:var(--app-secondary)}.mock-role-desc{font-size:.72rem;color:var(--app-text-secondary);line-height:1.3}.mock-role-chevron{flex-shrink:0}.mock-coordinator-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0 auto;padding:12px 20px;background:#fff;border:1px solid var(--app-border);border-radius:12px;font-size:.8rem;font-weight:600;color:var(--app-text-secondary)}.mock-patient-home{height:100%;background:var(--app-bg);display:flex;flex-direction:column;position:relative}.mock-app-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#fff;border-bottom:1px solid var(--app-border)}.mock-logo-section{display:flex;align-items:center;gap:8px}.mock-logo-icon{width:28px;height:28px;background:linear-gradient(135deg,var(--app-primary) 0,#5856d6 100%);border-radius:8px;display:flex;align-items:center;justify-content:center}.mock-logo-text{font-weight:700;font-size:.9rem;color:var(--app-text-primary)}.mock-header-right{display:flex;align-items:center;gap:10px}.mock-online-dot{width:8px;height:8px;background:var(--app-success);border-radius:50%}.mock-menu-icon{font-size:1.1rem;color:var(--app-text-tertiary)}.mock-patient-content{flex:1 1;padding:14px;overflow:hidden}.mock-map-card{display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border-radius:14px;margin-bottom:18px;border:1px solid rgba(107,163,212,.15);box-shadow:0 2px 6px rgba(0,0,0,.04)}.mock-map-icon-wrap{width:44px;height:44px;background:rgba(107,163,212,.12);border-radius:12px;display:flex;align-items:center;justify-content:center}.mock-map-text{flex:1 1;display:flex;flex-direction:column;gap:2px}.mock-map-text strong{font-size:.82rem;font-weight:700;color:var(--app-text-primary)}.mock-map-text span{font-size:.68rem;color:var(--app-text-tertiary)}.mock-map-chevron{font-size:1.4rem;color:#c7c7cc}.mock-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mock-section-title{font-weight:700;font-size:.95rem;color:var(--app-text-primary)}.mock-see-all{font-size:.78rem;font-weight:600;color:var(--app-primary)}.mock-request-card{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:12px;margin-bottom:8px;box-shadow:0 1px 4px rgba(0,0,0,.04)}.mock-req-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center}.mock-req-icon.pharmacy-icon,.mock-status-icon.pharmacy-icon,.mock-vr-type-icon.pharmacy-icon{background:linear-gradient(135deg,var(--app-secondary) 0,#b8d4bf 100%)}.mock-req-icon.groceries-icon,.mock-status-icon.groceries-icon,.mock-vr-type-icon.groceries-icon{background:linear-gradient(135deg,var(--app-warning) 0,#f0d28e 100%)}.mock-vr-type-icon.company-icon{background:linear-gradient(135deg,var(--app-primary) 0,#a8cce8 100%)}.mock-req-info{flex:1 1;display:flex;flex-direction:column;gap:2px}.mock-req-type{font-weight:700;font-size:.82rem;color:var(--app-text-primary)}.mock-req-desc{font-size:.68rem;color:var(--app-text-tertiary)}.mock-status{font-size:.62rem;font-weight:600;padding:4px 8px;border-radius:6px}.mock-status.pending{background:#fff3e0;color:#ff9500}.mock-status.completed{background:#e8f5e9;color:var(--app-success)}.mock-fab{position:absolute;bottom:14px;left:14px;right:14px;gap:14px;padding:14px 16px;background:linear-gradient(135deg,var(--app-primary) 0,#4a7ba7 100%);border-radius:18px;box-shadow:0 6px 20px rgba(107,163,212,.4)}.mock-fab,.mock-fab-icon{display:flex;align-items:center}.mock-fab-icon{width:44px;height:44px;background:hsla(0,0%,100%,.2);border-radius:12px;justify-content:center}.mock-fab-text{flex:1 1;display:flex;flex-direction:column}.mock-fab-title{font-weight:700;font-size:.92rem;color:#fff}.mock-fab-sub{font-size:.68rem;color:hsla(0,0%,100%,.8)}.mock-volunteer-home{height:100%;background:var(--app-bg);display:flex;flex-direction:column}.mock-availability-toggle{display:flex;justify-content:space-between;align-items:center;padding:14px;background:#fff;margin:12px;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.04)}.mock-toggle-label{font-weight:600;font-size:.88rem;color:var(--app-text-primary)}.mock-toggle{width:48px;height:28px;background:#e5e5ea;border-radius:14px;position:relative;transition:background .2s ease}.mock-toggle.on{background:var(--app-success)}.mock-toggle-knob{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:left .2s ease}.mock-toggle.on .mock-toggle-knob{left:22px}.mock-vol-header{padding:0 14px 12px}.mock-vol-title{display:block;font-weight:700;font-size:1rem;color:var(--app-text-primary);margin-bottom:4px}.mock-vol-count{font-size:.72rem;color:var(--app-text-tertiary)}.mock-vol-request{background:#fff;border-radius:16px;padding:14px;margin:0 12px 10px;box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid var(--app-border)}.mock-vol-request.small{padding:12px}.mock-vr-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}.mock-vr-type-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mock-vr-info{flex:1 1;display:flex;flex-direction:column;gap:2px}.mock-vr-name-row{display:flex;align-items:center;gap:8px}.mock-vr-name{font-weight:700;font-size:.95rem;color:var(--app-text-primary)}.mock-urgent-tag{font-size:.55rem;font-weight:700;padding:2px 6px;background:#ffebee;color:#d89090;border-radius:4px;letter-spacing:.5px}.mock-vr-type{font-size:.75rem;color:var(--app-text-secondary)}.mock-vr-distance{display:flex;flex-direction:column;align-items:flex-end;padding:8px 10px;background:#f2f2f7;border-radius:8px}.mock-vr-km{font-size:.85rem;font-weight:700;color:var(--app-primary)}.mock-vr-time{font-size:.62rem;color:var(--app-text-tertiary)}.mock-vr-desc{padding:10px 12px;background:#f9fafb;border-radius:8px;margin-bottom:10px}.mock-vr-desc p{font-size:.78rem;color:var(--app-text-primary);line-height:1.4;margin:0}.mock-vr-footer{margin-bottom:12px}.mock-vr-ago{font-size:.68rem;color:#c7c7cc}.mock-vr-actions{display:flex;gap:10px}.mock-btn-accept,.mock-btn-decline{flex:1 1;padding:11px;border:none;border-radius:12px;font-weight:600;font-size:.82rem;cursor:pointer;transition:transform .1s ease}.mock-btn-decline{background:#f2f2f7;color:var(--app-text-secondary);border:1px solid var(--app-border)}.mock-btn-accept{background:var(--app-primary);color:#fff}.mock-chat{height:100%;background:var(--app-bg);display:flex;flex-direction:column}.mock-chat-header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border-bottom:1px solid var(--app-border)}.mock-back-btn,.mock-call-btn{background:none;border:none;padding:0;cursor:pointer}.mock-back-btn,.mock-call-btn,.mock-chat-avatar{display:flex;align-items:center;justify-content:center}.mock-chat-avatar{width:38px;height:38px;background:linear-gradient(135deg,var(--app-secondary) 0,#b8d4bf 100%);border-radius:50%;font-weight:700;font-size:.95rem;color:#fff}.mock-chat-user-info{flex:1 1;display:flex;flex-direction:column;gap:1px}.mock-chat-name{font-weight:700;font-size:.92rem;color:var(--app-text-primary)}.mock-chat-status{font-size:.68rem;color:var(--app-text-tertiary)}.mock-chat-status.online{color:var(--app-success)}.mock-chat-messages{flex:1 1;padding:14px;gap:8px;overflow:hidden}.mock-chat-messages,.mock-msg{display:flex;flex-direction:column}.mock-msg{max-width:78%;padding:10px 14px;border-radius:18px}.mock-msg.received{align-self:flex-start;background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.06)}.mock-msg.sent{align-self:flex-end;background:var(--app-primary);border-bottom-right-radius:4px}.mock-msg p{font-size:.78rem;line-height:1.4;margin:0}.mock-msg.received p{color:var(--app-text-primary)}.mock-msg.sent p{color:#fff}.mock-msg-time{font-size:.55rem;margin-top:4px}.mock-msg.received .mock-msg-time{color:var(--app-text-tertiary)}.mock-msg.sent .mock-msg-time{color:hsla(0,0%,100%,.7);text-align:right}.mock-chat-input{display:flex;gap:10px;padding:12px 14px;background:#fff;border-top:1px solid var(--app-border)}.mock-chat-input input{flex:1 1;padding:10px 14px;background:#f2f2f7;border:none;border-radius:20px;font-size:.78rem;outline:none}.mock-send-btn{width:36px;height:36px;background:var(--app-primary);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.mock-active-request{height:100%;background:var(--app-bg);display:flex;flex-direction:column}.mock-active-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#fff;border-bottom:1px solid var(--app-border)}.mock-active-title{font-weight:700;font-size:1rem;color:var(--app-text-primary)}.mock-active-body{flex:1 1;padding:14px;overflow:hidden}.mock-status-card{background:#fff;border-radius:16px;padding:18px;text-align:center;margin-bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.mock-status-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mock-status-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.mock-in-progress-badge{font-size:.68rem;font-weight:600;padding:5px 14px;border-radius:20px;background:#e3f2fd;color:var(--app-primary)}.mock-status-type{font-size:1.15rem;font-weight:700;color:var(--app-text-primary);margin:0 0 4px;text-align:left}.mock-status-msg{font-size:.78rem;color:var(--app-text-tertiary);margin:0;text-align:left}.mock-details-card{background:#fff;border-radius:16px;padding:16px;margin-bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.mock-details-card h4{font-size:.92rem;font-weight:700;color:var(--app-text-primary);margin:0 0 14px}.mock-detail-item{margin-bottom:12px}.mock-detail-label{display:block;font-size:.7rem;font-weight:600;color:var(--app-text-tertiary);margin-bottom:4px}.mock-detail-item p{font-size:.8rem;color:var(--app-text-primary);margin:0}.mock-urgency-bar{height:6px;background:#e5e5ea;border-radius:3px;overflow:hidden;margin:6px 0 4px}.mock-urgency-fill{height:100%;background:var(--app-warning);border-radius:3px}.mock-urgency-text{font-size:.7rem;color:var(--app-text-tertiary)}.mock-volunteer-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.mock-volunteer-card h4{font-size:.92rem;font-weight:700;color:var(--app-text-primary);margin:0 0 12px}.mock-vol-row{gap:12px;margin-bottom:12px}.mock-vol-avatar,.mock-vol-row{display:flex;align-items:center}.mock-vol-avatar{width:44px;height:44px;background:linear-gradient(135deg,var(--app-secondary) 0,#b8d4bf 100%);border-radius:50%;justify-content:center;font-weight:700;font-size:1.1rem;color:#fff}.mock-vol-details{flex:1 1;display:flex;flex-direction:column}.mock-vol-name{font-weight:700;font-size:.95rem;color:var(--app-text-primary)}.mock-vol-rating{font-size:.75rem;color:var(--app-text-tertiary)}.mock-message-btn{width:100%;padding:12px;background:var(--app-primary);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.phone-label{display:block;margin-top:16px;font-size:.88rem;font-weight:600;color:var(--app-text-primary);text-align:center}@media (max-width:1200px){.phones-carousel{gap:16px}.phone-mockup-large{width:230px;height:460px}.phone-showcase.featured{transform:scale(1.05)}}@media (max-width:900px){.phones-carousel{justify-content:flex-start;padding:0 20px;gap:14px}.phone-mockup-large{width:200px;height:400px}.phone-showcase.featured{transform:scale(1)}}@media (max-width:600px){.app-showcase{padding:50px 16px}.phones-carousel{gap:12px;padding:0 12px}.phone-mockup-large{width:180px;height:360px;border-radius:28px}.phone-mockup-large .phone-notch{width:70px;height:22px;top:12px}.phone-label{font-size:.75rem;margin-top:12px}}.error-page{min-height:calc(100vh - 72px);display:flex;align-items:center;justify-content:center;padding:80px 24px}.error-container{text-align:center;max-width:500px}.error-container h1{font-size:8rem;font-weight:800;color:var(--primary);line-height:1;margin-bottom:16px}.error-container h2{font-size:1.75rem;color:var(--gray-800);margin-bottom:16px}.error-container p{color:var(--gray-500);margin-bottom:32px;font-size:1.1rem}