:root{--bg: #F2F8F7;--surface: #FFFFFF;--surface-soft: #F0EDEA;--text: #1B3A5F;--text-muted: #5A6B7D;--accent: #8CDED5;--accent-hover: #6BCFC3;--accent-soft: #E0F5F1;--navy: #1B3A5F;--navy-soft: #254B75;--line: #DDD8D2;--shadow-soft: 0 14px 42px rgba(27,58,95,.1);--shadow-elevated: 0 24px 64px rgba(27,58,95,.16);--data-red: #E84B3C;--data-orange: #F39C12;--data-green: #27AE60;--data-blue: #3498DB;--dash-pink: #D94F8E;--dash-teal: #2D9F93;--radius-lg: 1.4rem;--radius-md: 1rem}[data-theme=dark]{--bg: #111827;--surface: #1B2B4B;--surface-soft: #162238;--text: #F0EDEA;--text-muted: #9AABB8;--accent: #8CDED5;--accent-hover: #A5E8E0;--accent-soft: rgba(140,222,213,.12);--navy: #8CDED5;--navy-soft: #6BCFC3;--line: #2A3A54;--shadow-soft: 0 14px 42px rgba(0,0,0,.25);--shadow-elevated: 0 24px 64px rgba(0,0,0,.35)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip;scroll-padding-top:5rem}body{margin:0;overflow-x:hidden;color:var(--text);background:radial-gradient(ellipse at 18% -6%,rgba(140,222,213,.13) 0%,transparent 50%),radial-gradient(ellipse at 78% 4%,rgba(243,156,18,.06) 0%,transparent 40%),var(--bg);font:400 1rem/1.65 Manrope,Avenir Next,Segoe UI,Helvetica Neue,sans-serif;transition:background-color .3s ease,color .3s ease}[data-theme=dark] body{background:radial-gradient(ellipse at 18% -6%,rgba(140,222,213,.06) 0%,transparent 50%),radial-gradient(ellipse at 78% 4%,rgba(243,156,18,.03) 0%,transparent 40%),var(--bg)}img{display:block;max-width:100%}a{color:var(--navy)}a:hover{color:var(--navy-soft)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip-link{position:absolute;left:-999px;top:-999px}.skip-link:focus{left:1rem;top:1rem;z-index:999;background:var(--surface);border:1px solid var(--line);border-radius:.6rem;padding:.55rem .8rem}.container{width:min(72rem,100% - 2rem);margin-inline:auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:transparent;border-bottom:1px solid transparent;transition:background-color .3s ease,border-color .3s ease,backdrop-filter .3s ease}.site-header.scrolled{background:color-mix(in srgb,var(--bg),transparent 8%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--line)}.nav-shell{display:flex;align-items:center;gap:1rem;min-height:4.6rem}.brand{display:inline-flex;align-items:center;gap:.56rem;text-decoration:none;color:var(--text);font-weight:700;letter-spacing:-.01em}.brand .voila-logo{flex-shrink:0;display:block;transform:translateY(-7px)}.nav-links{display:none;list-style:none;margin:0;padding:0;gap:1.2rem}.nav-links a{text-decoration:none;color:var(--text-muted);font-weight:600;font-size:.94rem;transition:color .2s ease}.nav-links a:hover{color:var(--text)}.header-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.theme-toggle{display:inline-grid;place-content:center;width:2.2rem;height:2.2rem;border:1px solid var(--line);border-radius:50%;background:var(--surface);cursor:pointer;color:var(--text-muted);transition:color .2s ease,border-color .2s ease,background-color .2s ease}.theme-toggle:hover{color:var(--text);border-color:var(--accent)}.theme-toggle:active{transform:scale(.94)}.theme-toggle svg{width:1.1rem;height:1.1rem}.theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{display:none}[data-theme=dark] .theme-toggle .icon-moon{display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:999px;border:1px solid transparent;text-decoration:none;font-weight:700;letter-spacing:-.01em;padding:.72rem 1.25rem;transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .15s ease;cursor:pointer}.btn:active{transform:scale(.97)}.btn-small{padding:.56rem .9rem;font-size:.89rem}.btn-primary{background:var(--navy);color:#fff}[data-theme=dark] .btn-primary{color:var(--bg)}.btn-primary:hover{background:var(--navy-soft);color:#fff}[data-theme=dark] .btn-primary:hover{color:var(--bg)}.btn-primary:focus-visible{outline-color:var(--navy)}.btn-secondary{border-color:var(--line);color:var(--text);background:var(--surface)}.btn-secondary:hover{border-color:var(--accent);color:var(--navy)}.btn-accent{background:var(--accent);color:var(--navy);font-weight:800}.btn-accent:hover{background:var(--accent-hover)}h1,h2,h3{margin:0;letter-spacing:-.025em;line-height:1.1;font-weight:800}h1{font-size:clamp(2.2rem,6vw,4.2rem)}h2{font-size:clamp(1.64rem,4.6vw,2.85rem)}h3{font-size:clamp(1.14rem,2.8vw,1.44rem)}p{margin:0}section{padding-block:clamp(3rem,10vw,6rem)}.eyebrow{margin:0 0 .8rem;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.section-header{max-width:54rem;margin-bottom:2.2rem}.section-header.center{text-align:center;margin-inline:auto}.section-header p{margin-top:.9rem;color:var(--text-muted);font-size:1.1rem;line-height:1.7}.contrasting-section{background:#e0eae7;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}[data-theme=dark] .contrasting-section{background:var(--surface-soft);border-color:var(--line)}.hero{padding-top:clamp(6rem,12vw,9rem);padding-bottom:clamp(2rem,6vw,4rem);position:relative;overflow:hidden}.hero-bg-texture{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='1' cy='1' r='0.8' fill='%231B3A5F' opacity='0.04'/%3E%3C/svg%3E");background-size:20px 20px;pointer-events:none}[data-theme=dark] .hero-bg-texture{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='1' cy='1' r='0.8' fill='%238CDED5' opacity='0.04'/%3E%3C/svg%3E")}.hero-inner{position:relative;z-index:1;display:grid;gap:2.4rem}.hero-copy{max-width:40rem}.hero-copy p{max-width:52ch;color:var(--text-muted);margin-top:1rem;font-size:1.12rem;line-height:1.7}.hero-subtitle{color:var(--text);font-size:clamp(1.15rem,2.5vw,1.35rem);font-weight:600;line-height:1.5}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}.hero-note{margin-top:1rem;font-size:.88rem;color:var(--text-muted)}.hero-screenshot{position:relative}.hero-screenshot img{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);transform:rotate(-.5deg)}.hero-screenshot:before{content:"";position:absolute;inset:-20%;background:radial-gradient(ellipse at center,rgba(140,222,213,.15) 0%,transparent 70%);z-index:-1;pointer-events:none}[data-theme=dark] .hero-screenshot:before{background:radial-gradient(ellipse at center,rgba(140,222,213,.08) 0%,transparent 70%)}.screenshot-card{position:relative;display:block}.screenshot-card img{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);transition:transform .3s ease,box-shadow .3s ease}.screenshot-card:hover img{transform:translateY(-4px);box-shadow:var(--shadow-elevated)}.screenshot-card figcaption{margin-top:.7rem;font-size:.9rem;color:var(--text-muted);text-align:center}.screenshot-light{display:block}.screenshot-dark,[data-theme=dark] .screenshot-light{display:none}[data-theme=dark] .screenshot-dark{display:block}.data-exists{position:relative}.data-exists-content{max-width:48rem;margin-inline:auto}.data-exists-content p{color:var(--text-muted);font-size:1.15rem;line-height:1.75;margin-top:1rem}.data-exists-lead{color:var(--text);font-size:clamp(1.2rem,2.5vw,1.35rem);font-weight:600;line-height:1.6}.data-exists-power{color:var(--accent);font-weight:700;font-size:1.05rem;margin-top:1.2rem}.connect-screenshots{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.connect-screenshots .screenshot-card:first-child img{transform:rotate(-2deg)}.connect-screenshots .screenshot-card:last-child img{transform:rotate(1.5deg)}.scroll-strip{display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:1rem 0 1.5rem}#patterns{overflow:hidden}.scroll-strip::-webkit-scrollbar{height:4px}.scroll-strip::-webkit-scrollbar-track{background:var(--line);border-radius:2px}.scroll-strip::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}.scroll-card{flex:0 0 300px;scroll-snap-align:start;border-radius:var(--radius-md);overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);transition:transform .3s ease,box-shadow .3s ease}.scroll-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevated)}.scroll-card-color{height:6px}.scroll-card img{width:100%;height:480px;object-fit:cover;object-position:top}.scroll-card-caption{padding:.7rem .9rem;font-size:.88rem;font-weight:600;color:var(--text)}.scroll-card-caption span{display:block;font-weight:400;font-size:.82rem;color:var(--text-muted);margin-top:.15rem}.dashboard-showcase{background:linear-gradient(160deg,var(--accent-soft),rgba(140,222,213,.04))}[data-theme=dark] .dashboard-showcase{background:linear-gradient(160deg,#8cded514,#8cded505)}.ipad-frame{max-width:64rem;margin:2rem auto 0;position:relative}.ipad-frame:before{content:"";position:absolute;inset:-15%;background:radial-gradient(ellipse at center,rgba(140,222,213,.12) 0%,transparent 65%);z-index:0;pointer-events:none}[data-theme=dark] .ipad-frame:before{background:radial-gradient(ellipse at center,rgba(140,222,213,.06) 0%,transparent 65%)}.ipad-frame img{position:relative;z-index:1;width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated)}.feature-pills{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.5rem;list-style:none;padding:0}.feature-pill{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.4rem .85rem;font-size:.82rem;font-weight:600;color:var(--text-muted)}[data-theme=dark] .feature-pill{background:var(--surface-soft)}.template-grid{display:grid;grid-template-columns:1fr;gap:1rem}.template-card{border:1px solid var(--line);border-top:4px solid var(--card-color);border-radius:var(--radius-md);background:var(--surface);overflow:hidden;box-shadow:var(--shadow-soft);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.template-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevated)}.template-card-header{padding:1rem 1.25rem .75rem;background:color-mix(in srgb,var(--card-color) 8%,var(--surface))}.template-card-name{font-size:1.05rem;font-weight:700;color:var(--text);margin-bottom:.2rem}.template-card-tagline{font-size:.82rem;color:var(--text-muted);line-height:1.45}.template-card-image{flex:1;display:flex;align-items:center;overflow:hidden}.template-card-image img{width:100%;display:block}.template-card-body{padding:.75rem 1.25rem 1rem}.template-card-body h3{font-size:1.05rem;font-weight:800;margin-bottom:.2rem}.template-card-body p{font-size:.85rem;color:var(--text-muted);line-height:1.5}.drivers-grid{display:grid;gap:2rem}.drivers-text p{color:var(--text-muted);font-size:1.15rem;line-height:1.75;margin-top:1rem}.drivers-screenshot{position:relative}.drivers-screenshot:before{content:"";position:absolute;inset:-15%;background:radial-gradient(ellipse at center,rgba(140,222,213,.12) 0%,transparent 65%);z-index:0;pointer-events:none}[data-theme=dark] .drivers-screenshot:before{background:radial-gradient(ellipse at center,rgba(140,222,213,.06) 0%,transparent 65%)}.drivers-screenshot img{position:relative;z-index:1;width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.pricing-grid{display:grid;gap:1.2rem}.pricing-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:1.6rem;display:flex;flex-direction:column;gap:.9rem;box-shadow:var(--shadow-soft)}.pricing-card .btn{margin-top:auto}.pricing-card.featured{border-color:var(--accent);box-shadow:var(--shadow-soft);position:relative}.pricing-card.featured:before{content:"Recommended";position:absolute;top:-.65rem;left:1.2rem;background:var(--accent);color:var(--navy);font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:.2rem .6rem;border-radius:999px}[data-theme=dark] .pricing-card.featured:before{color:var(--bg)}.tier{font-weight:700;font-size:.92rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.price{font-size:2rem;font-weight:800;line-height:1}.pricing-features{list-style:none;margin:0;padding:0;display:grid;gap:.46rem;color:var(--text-muted);font-size:.95rem}.pricing-features li{padding-left:1.3rem;position:relative}.pricing-features li:before{content:"";position:absolute;left:0;top:.55em;width:.5rem;height:.5rem;border-radius:50%;background:var(--accent)}.pricing-details p{color:var(--text);font-weight:700;line-height:1.3;font-size:.95rem}.pricing-details p+p{margin-top:.25rem}.pricing-card .btn-secondary{border:2px solid var(--accent);color:var(--accent);background:transparent;font-weight:700}.pricing-card .btn-secondary:hover{background:var(--accent-soft);border-color:var(--accent-hover);color:var(--accent-hover)}.pricing-note{margin-top:1rem;font-size:.9rem;color:var(--text-muted)}.pricing-checks{margin:1.2rem 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;justify-content:center;color:var(--text-muted);font-size:.9rem}.pricing-checks li{position:relative;padding-left:1.2rem}.pricing-checks li:before{content:"";position:absolute;left:0;top:.45em;width:.55rem;height:.55rem;border-radius:50%;background:var(--data-green)}.cta-band{background:var(--accent);padding-block:clamp(3rem,8vw,5rem);text-align:center}.cta-band h2{color:var(--navy);max-width:28ch;margin-inline:auto}[data-theme=dark] .cta-band{background:linear-gradient(135deg,var(--accent),var(--accent-hover))}[data-theme=dark] .cta-band h2{color:var(--bg)}.cta-band .cta-row{justify-content:center}.cta-band .hero-note{color:var(--navy-soft)}[data-theme=dark] .cta-band .hero-note{color:var(--bg);opacity:.7}.cta-band .btn-primary{background:var(--navy);color:var(--accent)}[data-theme=dark] .cta-band .btn-primary{background:var(--bg);color:var(--accent)}.cta-band .btn-primary:hover{background:var(--navy-soft)}[data-theme=dark] .cta-band .btn-primary:hover{background:var(--surface-soft)}.site-footer{border-top:1px solid var(--line);margin-top:0;padding:2.5rem 0;background:var(--bg)}.footer-shell{display:flex;flex-direction:column;gap:1.2rem}.footer-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.footer-brand-group{display:flex;align-items:center;gap:.5rem}.footer-brand{font-size:1rem;font-weight:800;letter-spacing:-.01em}.footer-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.2rem}.footer-links a{color:var(--text-muted);text-decoration:none;font-weight:600;font-size:.9rem;transition:color .2s ease}.footer-links a:hover{color:var(--navy)}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding-top:1rem;border-top:1px solid var(--line)}.footer-copy{color:var(--text-muted);font-size:.84rem}.footer-bottom a{color:inherit;text-decoration:none;font-weight:inherit}.footer-bottom a:hover{color:var(--text);text-decoration:none}.legal-page{padding-top:clamp(6rem,12vw,8rem);padding-bottom:clamp(3rem,8vw,5rem)}.legal-shell{width:min(54rem,100% - 2rem);margin-inline:auto}.legal-shell h1{margin-bottom:.7rem}.legal-shell .lead{color:var(--text-muted);margin-bottom:2rem}.legal-shell section+section{margin-top:1.7rem}.legal-shell>p+section{margin-top:1.7rem}.legal-shell section{padding-block:0}.legal-shell h2{font-size:clamp(1.3rem,3vw,1.7rem);margin-bottom:.95rem}.legal-shell p,.legal-shell li{color:var(--text-muted)}.legal-shell ul,.legal-shell ol{margin:.4rem 0 0;padding-left:1.2rem}.legal-shell li+li{margin-top:.45rem}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.revealed{opacity:1;transform:translateY(0)}.splash-logo{margin-bottom:1.2rem}@media(prefers-reduced-motion:no-preference){.splash-animated .logo-v,.splash-animated .logo-dot{opacity:0;animation:logo-fade-in .45s ease forwards}.splash-animated .logo-bar{opacity:0;transform-origin:center bottom;animation:logo-bar-rise .35s cubic-bezier(.34,1.56,.64,1) forwards}.splash-animated .logo-bar:nth-child(3){animation-delay:.35s}.splash-animated .logo-bar:nth-child(4){animation-delay:.5s}.splash-animated .logo-bar:nth-child(5){animation-delay:.65s}.splash-animated .logo-bar:nth-child(6){animation-delay:.8s}.hero-copy-animated h1,.hero-copy-animated>p,.hero-copy-animated .cta-row,.hero-copy-animated .hero-note{opacity:0;animation:splash-fade-up .4s ease forwards}.hero-copy-animated h1{animation-delay:.6s}.hero-copy-animated>p{animation-delay:.7s}.hero-copy-animated .cta-row{animation-delay:.75s}.hero-copy-animated .hero-note{animation-delay:.8s}.hero-screenshot-animated{opacity:0;animation:splash-fade-up .5s ease forwards;animation-delay:.7s}@keyframes logo-fade-in{0%{opacity:0}to{opacity:1}}@keyframes logo-bar-rise{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes splash-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}@media(min-width:50rem){.nav-links{display:flex}.hero-inner{grid-template-columns:1fr 1fr;align-items:center}.connect-screenshots{grid-template-columns:1fr 1fr;gap:0}.connect-screenshots .screenshot-card:last-child{margin-top:3rem;margin-left:-2rem}.template-grid{grid-template-columns:repeat(3,1fr)}.drivers-grid{grid-template-columns:.45fr .55fr;align-items:center}.pricing-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:30rem)and (max-width:49.99rem){.template-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:49.99rem){.template-card-image img{width:100%}.scroll-card img{height:auto;aspect-ratio:5 / 7;object-position:center 12%}.data-exists-content{max-width:100%;text-align:center}.scroll-card{flex:0 0 85%}}@media(prefers-reduced-motion:reduce){.splash-animated .logo-v,.splash-animated .logo-dot,.splash-animated .logo-bar,.hero-copy-animated h1,.hero-copy-animated>p,.hero-copy-animated .cta-row,.hero-copy-animated .hero-note,.hero-screenshot-animated{animation:none!important;opacity:1!important;transform:none!important}.reveal{opacity:1;transform:none;transition:none}.hero-screenshot img{transform:rotate(-.5deg)}}