/*
Theme Name: DaviWavvy Electric V8 Draft
Description: Private DaviWavvy electric cinematic website draft.
Version: 0.8.0
*/
:root{color-scheme:dark;--ink:#edf7ff;--muted:#a6b5ca;--teal:#6cffdf;--blue:#9dafff;--bg:#050a16}*{box-sizing:border-box}html{scroll-behavior:smooth}body.davi-site{margin:0;background:#050a16;color:var(--ink);font-family:'Trebuchet MS',Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.wordmark{font-weight:900;letter-spacing:-.025em;white-space:nowrap}.wordmark span{color:#b5a5ff;text-shadow:0 0 18px #8c69ff44}.wordmark b,.wordmark i{color:#83ffe3;text-shadow:0 0 16px #55ffe044}.wordmark i{font-style:normal}.topbar{height:76px;position:fixed;inset:0 0 auto;z-index:19;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 max(5vw,22px);background:#070d1cc4;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff16}.topbar>.wordmark{font-size:1.35rem}.topbar nav{display:flex;gap:25px;font-size:.9rem;color:#c8d5eb}.topbar nav a:hover{color:var(--teal)}.site-content{position:relative;background:radial-gradient(ellipse at 68% 25%,#17365b7a,transparent 36%),radial-gradient(ellipse at 17% 15%,#35205c55,transparent 40%),#050a16;opacity:0;transition:opacity 1s}.site-content.ready{opacity:1}.hero{min-height:100svh;position:relative;display:flex;align-items:center;isolation:isolate;padding:135px max(7vw,26px) 90px;overflow:hidden}.hero-copy{width:min(650px,100%);position:relative;z-index:2}.eyebrow{letter-spacing:.2em;color:var(--teal);font-size:.79rem;font-weight:900}.hero h1{font-size:clamp(3.4rem,7.4vw,7.2rem);letter-spacing:-.075em;line-height:.98;margin:20px 0 25px}.hero h1 strong{display:block;background:linear-gradient(95deg,#7bffe8,#abb4ff,#f4faff);background-clip:text;color:transparent}.hero-copy>p,.subhead{line-height:1.8;color:var(--muted);font-size:clamp(1.02rem,1.4vw,1.2rem)}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.btn,.inactive-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 23px;border-radius:999px;background:linear-gradient(125deg,#6effdf,#8caaff);color:#071320;font-weight:900;box-shadow:0 12px 36px #57ddeb2e;transition:transform .25s}.btn:hover{transform:translateY(-3px)}.btn.outlined,.inactive-btn{background:#ffffff10;border:1px solid #ffffff40;color:var(--ink);box-shadow:none}.inactive-btn{font-size:.84rem;margin-top:12px}.hero-mark{width:43vw;aspect-ratio:1;max-width:610px;position:absolute;left:55%;top:19%;filter:drop-shadow(0 0 28px #4deaff55)}canvas#heroCanvas{width:100%;height:100%}.scrollcue{position:absolute;left:7vw;bottom:33px;color:#9dafc6;letter-spacing:.2em;font-size:.72rem}.scrollcue:before{content:'— ';color:var(--teal)}main section{padding:105px max(7vw,26px)}h2{font-size:clamp(2.35rem,4.8vw,4.8rem);letter-spacing:-.065em;line-height:1.05;margin:17px 0 24px}.showcase{background:linear-gradient(#091224,#080f1d)}.feature-card{margin-top:50px;padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;border-radius:30px;border:1px solid #ffffff20;background:linear-gradient(135deg,#152849,#08121f 70%);box-shadow:0 28px 80px #0006}.tag{display:inline-block;padding:8px 13px;border:1px solid #79ffdf88;border-radius:30px;color:#92ffe8;font-size:.8rem}.feature-card h3{font-size:clamp(2.1rem,3.7vw,3.65rem);letter-spacing:-.06em;line-height:1.03;margin:18px 0}.feature-card p,.app-card p{line-height:1.72;color:var(--muted)}.phone-wrap{display:grid;place-items:center;perspective:1000px;min-height:355px}.phone{width:205px;height:390px;border-radius:36px;border:8px solid #2a3a5a;background:linear-gradient(145deg,#1b3050,#070d18);padding:28px 18px;box-shadow:30px 30px 90px #0009,0 0 80px #6affe322;transform:rotateY(-14deg) rotateZ(6deg);transition:transform .6s}.feature-card:hover .phone{transform:rotate(0) translateY(-8px)}.notch{width:67px;height:13px;background:#04070b;border-radius:0 0 13px 13px;margin:-28px auto 36px}.phone-title{font-size:12px;color:var(--teal);font-weight:900}.phone-number{font-size:40px;font-weight:900;letter-spacing:-.05em;margin:23px 0}.data-row{background:#ffffff12;border-radius:10px;display:flex;justify-content:space-between;padding:11px 10px;font-size:.76rem;margin-top:10px}.phone small{display:block;color:#8198b6;font-size:.6rem;margin-top:44px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:26px}.app-card{padding:28px;border:1px solid #ffffff18;border-radius:23px;background:#ffffff09;transition:transform .3s,background .3s}.app-card:hover{transform:translateY(-5px);background:#ffffff11}.app-card h3{font-size:1.45rem}.about{text-align:center;background:radial-gradient(ellipse at 50% 40%,#15465e66,transparent 65%)}.about .subhead{margin:0 auto;max-width:750px}.about em{font-style:normal;background:linear-gradient(90deg,#72ffe5,#a3acff);background-clip:text;color:transparent}.note{display:inline-block;margin-top:30px;padding:11px 18px;border:1px solid #ffffff35;border-radius:100px;color:#b8c9dd;font-size:.9rem}.help{background:#080f1d}.sitefooter{background:#040814;padding:32px max(7vw,26px);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#8e9eba;font-size:.85rem;border-top:1px solid #ffffff19}.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.splash{position:fixed;inset:0;z-index:50;background:radial-gradient(ellipse at 50% 42%,#182650,#090f24 48%,#030713 85%);overflow:hidden;transition:opacity 1.1s,visibility 1.1s}.splash.hide{opacity:0;visibility:hidden}.splash canvas{position:absolute;width:100%;height:100%;inset:0}.splash button{position:absolute;z-index:3;top:22px;right:22px;background:#ffffff18;border:1px solid #ffffff60;border-radius:99px;color:#fff;padding:11px 17px;cursor:pointer}.splash-word{position:absolute;bottom:9%;width:100%;text-align:center;font-size:clamp(2.4rem,5vw,4.4rem);opacity:0;transition:opacity .8s}.splash-word.show,.splash-strap.show{opacity:1}.splash-strap{position:absolute;bottom:5%;width:100%;text-align:center;color:#c5d4ea;letter-spacing:.06em;opacity:0;transition:opacity .8s}@media(max-width:950px){.hero{min-height:900px;align-items:flex-start;padding-top:150px}.hero-mark{left:28%;top:450px;width:75vw}.feature-card{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr 1fr}}@media(max-width:570px){.topbar{padding:0 15px}.topbar nav{gap:12px;font-size:.76rem}.topbar nav a:nth-child(2){display:none}.hero{min-height:900px}.hero-mark{left:3%;top:525px;width:98vw}.hero h1{font-size:clamp(3.2rem,12vw,4.6rem)}.feature-card{padding:25px}.card-grid{grid-template-columns:1fr}.splash-strap{padding:0 14px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.splash{display:none}.site-content{opacity:1}.reveal{opacity:1;transform:none}}