/* Voltage marketing system. Scoped to public marketing pages; existing routes and application logic are preserved. */
@font-face{font-family:'Voltage Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('/marketing/fonts/barlow-condensed-700.ttf') format('truetype')}
body[data-marketing-design]{--bg:#101010;--bg-warm:#141614;--panel-strong:#1a1c19;--text:#f1eee6;--text-muted:#b3b5ad;--muted:#b3b5ad;--line:#ffffff2e;--accent:#dcff00;--panel:#1a1c19;background:#101010;color:#f1eee6;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:15px;line-height:1.6}
html{scroll-padding-top:85px;scroll-behavior:smooth}
body[data-marketing-design] *{box-sizing:border-box}
body[data-marketing-design] .page{padding-top:60px;background:transparent}
body[data-marketing-design] a:focus-visible,body[data-marketing-design] button:focus-visible,body[data-marketing-design] summary:focus-visible{outline:2px solid #dcff00;outline-offset:5px}
body[data-marketing-design] .nav{height:60px;position:fixed;inset:0 0 auto;z-index:50;background:#101010f5;border-bottom:1px solid #ffffff2e;backdrop-filter:blur(18px)}
body[data-marketing-design] .nav-inner{width:100%;max-width:none;height:60px;padding:0 40px;display:flex;justify-content:space-between;align-items:center}
body[data-marketing-design] .logo img,body[data-marketing-design] .footer-brand img{width:95px;height:auto}
body[data-marketing-design] .nav-links{gap:32px}
body[data-marketing-design] .nav-links a,body[data-marketing-design] .products-menu summary{font-size:13px;color:#eee}
body[data-marketing-design] .nav-links>a{border:1px solid #ffffff35;border-radius:30px;padding:10px 20px}
body[data-marketing-design] .products-menu summary:after{content:'⌄';margin-left:12px}
body[data-marketing-design] .products-panel{background:#191919;border:1px solid #ffffff30;padding:12px;min-width:250px;box-shadow:0 20px 50px #0008;top:calc(100% + 20px);max-height:75vh;overflow:auto}
body[data-marketing-design] .products-panel a{padding:13px 15px;border-radius:0}
body[data-marketing-design] .products-panel a:hover,body[data-marketing-design] .mobile-menu a:hover{background:#dcff00;color:#101010}
body[data-marketing-design] .menu-toggle{color:#f1eee6;border:1px solid #ffffff35;width:42px;height:40px}
body[data-marketing-design] .mobile-menu{top:60px;background:#151515;border-bottom:1px solid #ffffff30;max-height:calc(100dvh - 60px);overflow:auto;color:#eee}
body[data-marketing-design] .mobile-menu-label{color:#dcff00}
body[data-marketing-design] .mobile-menu a{color:#eee;border-radius:0}
body[data-marketing-design] .hero{position:relative;isolation:isolate;min-height:0;padding:85px 0 75px;background:#111510;overflow:hidden;text-align:left}
body[data-marketing-design] .hero::before{content:'';position:absolute;inset:-90px;z-index:-2;background:url('/marketing/hero-life.png') center 45%/cover;filter:blur(70px);opacity:.25;pointer-events:none}
body[data-marketing-design] .hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#10121055,#10121055 55%,#101010);pointer-events:none}
body[data-marketing-design] .hero-inner,body[data-marketing-design] .section-inner,body[data-marketing-design] .inner,body[data-marketing-design] .content{width:min(1440px,calc(100% - 80px));max-width:1440px;margin:0 auto;padding:0}
body[data-marketing-design] .hero-copy{max-width:100%;margin:0;text-align:left} body[data-marketing-design] .product-eyebrow{margin:0 0 18px;color:#dcff00;font-size:13px;font-weight:800;letter-spacing:.18em}
body[data-marketing-design] h1,body[data-marketing-design] .section-heading,body[data-marketing-design] .heading,body[data-marketing-design] .downloads h2{font-family:'DIN Condensed','Voltage Condensed',Impact,sans-serif!important;font-weight:700!important;letter-spacing:-1px!important;line-height:1.02!important;color:#f1eee6;text-shadow:none}
body[data-marketing-design] .hero h1{font-size:clamp(64px,7.2vw,108px);text-align:left;margin:0 0 30px;max-width:900px;white-space:normal}
body[data-marketing-design] .hero-title-line{display:block;text-align:left;white-space:normal;width:auto}
body[data-marketing-design] .hero-title-line:last-child{color:#dcff00}
body[data-marketing-design] .hero p{color:#bfc1b7;max-width:650px;text-shadow:none;font-weight:400;text-align:left;font-size:17px;line-height:1.7;margin:20px 0}
body[data-marketing-design] .hero.voltage-split{padding:95px 0 100px}
body[data-marketing-design] .voltage-split .hero-inner{max-width:1320px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px 70px}
body[data-marketing-design] .voltage-split .hero-copy{width:100%;min-width:0}
body[data-marketing-design] .voltage-split h1{max-width:600px}
.voltage-hero-visual{width:100%;max-width:550px;justify-self:end}
.voltage-hero-visual img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 35%;border-radius:50%;filter:brightness(.86)}
body[data-marketing-design] .hero .hero-cta-note{font-size:12px;line-height:1.6;margin:18px 0 0}
body[data-marketing-design] .hero .voltage-platform-note{grid-column:1/-1;text-align:center;max-width:none;width:100%;margin:0}
body[data-marketing-design] :is(.hero-download-cta,.hero-chat-cta,.cta-text-link,.cta,.plan-cta a,.price-cta,.download-button,.contact-submit){display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:16px 25px;background:#dcff00;color:#111;border:1px solid #dcff00;border-radius:0;box-shadow:none;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:13px;font-weight:600;line-height:1.3;letter-spacing:0;text-shadow:none;transition:background .2s,color .2s}
body[data-marketing-design] .hero-download-cta,body[data-marketing-design] .hero-chat-cta{margin-top:15px}
body[data-marketing-design] :is(.hero-download-cta,.hero-chat-cta,.cta-text-link,.cta,.plan-cta a,.price-cta,.download-button,.contact-submit):hover{background:#f1eee6;border-color:#f1eee6;color:#111}
body[data-marketing-design] .hero-icon{background:#20241b;color:#dcff00;border:1px solid #ffffff35;border-radius:50%;margin:20px 0;box-shadow:none}
body[data-marketing-design] main>section:not(.hero){background:transparent;padding:95px 0;border:0;border-bottom:1px solid #ffffff25;min-height:0}
body[data-marketing-design] .section-heading,body[data-marketing-design] .heading{max-width:1150px!important;margin:0 0 35px!important;text-align:left!important;font-size:clamp(44px,5.7vw,82px)!important;line-height:1.02!important;color:#f1eee6!important}
body[data-marketing-design] .section-copy,body[data-marketing-design] .copy{max-width:740px;margin:0 0 40px;text-align:left;color:#b3b5ad;font-size:17px;line-height:1.8}
body[data-marketing-design] .section-subheading{max-width:850px;text-align:left;color:#e4e5dc;font-size:25px;margin:0 0 25px}
body[data-marketing-design] .share-grid,body[data-marketing-design] .grid{width:100%;max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:40px 0 0}
body[data-marketing-design] .share-card,body[data-marketing-design] .card{background:transparent;border:0;border-top:1px solid #ffffff30;border-radius:0;padding:25px 0;min-height:0;box-shadow:none}
body[data-marketing-design] .share-card strong,body[data-marketing-design] .number{font:12px monospace;color:#dcff00;letter-spacing:1px}
body[data-marketing-design] :is(.share-card,.card,.use-case-item) h3{font-size:24px;color:#f1eee6;font-weight:450;line-height:1.3}
body[data-marketing-design] :is(.share-card,.card,.use-case-item) p{color:#b3b5ad;font-size:15px;line-height:1.7}
body[data-marketing-design] .use-case-grid{width:100%;max-width:none;gap:35px;margin:40px 0}
body[data-marketing-design] .use-case-item{border-color:#ffffff30}
body[data-marketing-design] .trust-block{text-align:left;padding:0;margin:55px 0;color:#f1eee6}
body[data-marketing-design] .trust-block h3{color:#f1eee6}
body[data-marketing-design] .trust-block p{color:#b3b5ad;margin:0}
body[data-marketing-design] .product-screenshot-frame{background:transparent;padding:0;border:0;border-radius:0;box-shadow:none;width:100%;margin:0}
body[data-marketing-design] .product-screenshot img,body[data-marketing-design] .section-visual img{width:100%;height:auto;border:1px solid #ffffff2e;border-radius:10px;box-shadow:none}
body[data-marketing-design] .section-visual{background:transparent;padding:0;border:0;border-radius:0;margin:50px 0 0}
body[data-marketing-design] .product-screenshot figcaption{color:#aaa}
body[data-marketing-design] .how-it-works-list,body[data-marketing-design] .task-creation-list{max-width:none;width:100%;margin:35px 0}
body[data-marketing-design] .how-it-works-step,body[data-marketing-design] .task-creation-step{display:grid;grid-template-columns:80px 1fr;gap:25px;padding:25px 0;background:transparent;border-color:#ffffff30}
body[data-marketing-design] .how-it-works-number,body[data-marketing-design] .task-creation-number{font:48px 'DIN Condensed','Voltage Condensed',Impact,sans-serif;color:#888}
body[data-marketing-design] :is(.how-it-works-copy,.task-creation-copy) h3{color:#f1eee6;font-size:25px;font-weight:450}
body[data-marketing-design] :is(.how-it-works-copy,.task-creation-copy) p{color:#b3b5ad;line-height:1.7}
body[data-marketing-design] .faq-list{max-width:none;margin:35px 0}
body[data-marketing-design] :is(.faq-item,.help-product,.help-question){background:#171a16;color:#f1eee6;border:1px solid #ffffff25;border-radius:0;padding:20px 25px;margin-bottom:12px}
body[data-marketing-design] :is(.faq-item,.help-product,.help-question) summary{color:#f1eee6;font-size:18px;line-height:1.5}
body[data-marketing-design] :is(.faq-answer,.help-answer,.help-product-intro){color:#b3b5ad;line-height:1.8}
body[data-marketing-design] .faq-answer a,body[data-marketing-design] .policy-group a{color:#dcff00;text-decoration:underline}
body[data-marketing-design] .pricing-grid{gap:25px;margin:0;max-width:none}
body[data-marketing-design] .pricing-card,body[data-marketing-design] .price-card{background:#191c18;color:#f1eee6;border:1px solid #ffffff30;border-radius:8px;box-shadow:none;padding:30px}
body[data-marketing-design] .pricing-card.is-featured{border-color:#dcff00;background:#22271a}
body[data-marketing-design] .pricing-card h2,body[data-marketing-design] .price-card h3{color:#f1eee6;font-size:30px}
body[data-marketing-design] :is(.plan-audience,.plan-features,.price-card p,.price-card li){color:#b3b5ad}
body[data-marketing-design] .plan-price,body[data-marketing-design] .amount,body[data-marketing-design] .pricing-amount{color:#f1eee6;font-size:65px;text-align:left}
body[data-marketing-design] .plan-price span{color:#b3b5ad;font-size:13px}
body[data-marketing-design] :is(.pricing-copy,.pricing-period){color:#b3b5ad;max-width:700px;text-align:left;margin-left:0}
body[data-marketing-design] .cta-actions{align-items:flex-start;margin:0;text-align:left}
body[data-marketing-design] .landing-cta .hero-cta-note{color:#b3b5ad;text-shadow:none}
body[data-marketing-design] .system-requirements{background:#191c18;border:1px solid #ffffff25;color:#f1eee6;max-width:none;margin:45px 0 0;border-radius:8px}
body[data-marketing-design] .system-requirements h2{color:#f1eee6;font-size:30px;text-align:left}
body[data-marketing-design] .system-requirements p,body[data-marketing-design] .system-requirements li{color:#b3b5ad;border-color:#ffffff20}
body[data-marketing-design] :is(.policy-shell,.help-shell,.contact-form-shell){background:transparent;border:0;border-radius:0;box-shadow:none;color:#f1eee6;padding:0}
body[data-marketing-design] :is(.policy-group,.contact-field){color:#b3b5ad;border-color:#ffffff25}
body[data-marketing-design] :is(.policy-group h2,.contact-field label,.contact-form-title){color:#f1eee6}
body[data-marketing-design] :is(.policy-group p,.policy-group li,.policy-meta){color:#b3b5ad}
body[data-marketing-design] .policy-shell{max-width:950px;margin:0}
body[data-marketing-design] .contact-form{max-width:900px}
body[data-marketing-design] .contact-field input,body[data-marketing-design] .contact-field textarea{background:#1a1c19;border:1px solid #ffffff40;color:#f1eee6;border-radius:5px}
body[data-marketing-design] .contact-field input::placeholder,body[data-marketing-design] .contact-field textarea::placeholder{color:#90948a}
body[data-marketing-design] .contact-field input:focus,body[data-marketing-design] .contact-field textarea:focus{outline:2px solid #dcff00;outline-offset:2px}
body[data-marketing-design] .download-item{border-color:#ffffff30;color:#f1eee6}
body[data-marketing-design] .download-copy h3{color:#f1eee6}
body[data-marketing-design] .download-copy p,body[data-marketing-design] .note{color:#b3b5ad}
body[data-marketing-design] .download-number{color:#dcff00}
body[data-marketing-design] .footer{background:#141414;border-top:1px solid #ffffff30;padding:65px 40px 30px;min-height:0;color:#b3b5ad}
body[data-marketing-design] .footer-inner{width:100%;max-width:none;padding:0;min-height:0;display:block;margin:0}
body[data-marketing-design] .footer-brand{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:60px;text-align:left;width:100%}
body[data-marketing-design] .footer-links{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:50px;width:100%;text-align:left}
body[data-marketing-design] .footer-links>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
body[data-marketing-design] .footer-links a{color:#bfc1b8;font-size:14px}
body[data-marketing-design] .footer-links a:hover{color:#dcff00}
body[data-marketing-design] .footer-links span{color:#dcff00;font:12px monospace;letter-spacing:2px;margin-bottom:12px}
body[data-marketing-design] .footer-bottom{border-top:1px solid #ffffff25;margin-top:55px;padding-top:25px;text-align:center;color:#999;font-size:11px}
body[data-marketing-design] .footer-bottom p{color:#999;font-size:11px}
body[data-marketing-design] .security-mark{background:#22291b;color:#dcff00;border-color:#ffffff30}
body[data-marketing-design] .ai-companion-example{background:#191c18;border-color:#ffffff25;color:#f1eee6}
body[data-marketing-design] .checkout-dialog{background:#191c18;color:#f1eee6;border:1px solid #ffffff35}
body[data-marketing-design] .checkout-dialog p{color:#b3b5ad}
body[data-marketing-design] .checkout-actions a{background:#dcff00;color:#111}
@media(max-width:1000px){body[data-marketing-design] .voltage-split .hero-inner{gap:40px}body[data-marketing-design] .share-grid,body[data-marketing-design] .grid{gap:25px}body[data-marketing-design] .hero h1{font-size:75px}}
@media(max-width:768px){body[data-marketing-design] .nav-inner{padding:0 20px}body[data-marketing-design] .nav-links{display:none}body[data-marketing-design] .menu-toggle{display:inline-flex}body[data-marketing-design] .hero-inner,body[data-marketing-design] .section-inner,body[data-marketing-design] .inner,body[data-marketing-design] .content{width:calc(100% - 40px)}body[data-marketing-design] .hero,body[data-marketing-design] .hero.voltage-split{padding:55px 0 65px}body[data-marketing-design] .voltage-split .hero-inner{grid-template-columns:1fr;gap:40px}body[data-marketing-design] .hero h1{font-size:clamp(58px,12vw,90px)}.voltage-hero-visual{width:90%;max-width:470px;justify-self:center}body[data-marketing-design] main>section:not(.hero){padding:65px 0}body[data-marketing-design] .section-heading,body[data-marketing-design] .heading{font-size:clamp(38px,8vw,60px)!important}body[data-marketing-design] .share-grid,body[data-marketing-design] .grid,body[data-marketing-design] .use-case-grid,body[data-marketing-design] .pricing-grid{grid-template-columns:1fr}body[data-marketing-design] .footer{padding:45px 20px 25px}body[data-marketing-design] .footer-brand{grid-template-columns:1fr;gap:40px}body[data-marketing-design] .footer-links{gap:25px}body[data-marketing-design] .how-it-works-step,body[data-marketing-design] .task-creation-step{grid-template-columns:40px 1fr;gap:20px}body[data-marketing-design] .download-item{grid-template-columns:40px 1fr;gap:15px}body[data-marketing-design] .download-button{grid-column:2;justify-self:start}body[data-marketing-design] .split{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body[data-marketing-design] *{transition:none!important;animation:none!important}}
body[data-marketing-design] .plan-features li{color:#b3b5ad;border-color:#ffffff25}
body[data-marketing-design] .ai-companion-example h3{color:#f1eee6}
body[data-marketing-design] .ai-companion-example p{color:#b3b5ad}
/* Hero simplification and accessible disclosure affordances. */
body[data-marketing-design] .hero .voltage-platform-note{text-align:center;margin-top:45px}
body[data-marketing-design] .voltage-chat-hero .hero-copy{text-align:center}
body[data-marketing-design] .voltage-chat-hero h1{text-align:center;margin-left:auto;margin-right:auto}
body[data-marketing-design] .hero .hero-icon{display:flex;flex-direction:row;width:96px;height:96px;min-width:96px;min-height:96px;aspect-ratio:1;border-radius:50%;padding:0;margin:35px auto 0;align-items:center;justify-content:center;flex-shrink:0}
body[data-marketing-design] .hero .hero-icon svg{display:block;width:48px;height:48px;flex-shrink:0}
body[data-marketing-design] .hero .hero-icon-label{display:block;text-align:center;margin:12px 0 0;color:#f1eee6;text-shadow:none;font-size:14px}
body[data-marketing-design] .faq-item>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none}
body[data-marketing-design] .faq-item>summary::after{content:'+';display:block;position:static;color:#dcff00;font:400 26px/1 Arial,sans-serif;flex:0 0 26px;text-align:center;opacity:1;transform:none}
body[data-marketing-design] .faq-item[open]>summary::after{content:'−';transform:none}
/* Align Chat section content to one centered column, including screenshots and FAQs. */
body[data-marketing-page="chat"] .section-inner{width:min(1200px,calc(100% - 80px));max-width:1200px;margin-inline:auto}
body[data-marketing-page="chat"] .section-visual,body[data-marketing-page="chat"] .faq-list,body[data-marketing-page="chat"] .use-case-grid{width:100%;max-width:none;margin-left:auto;margin-right:auto}
@media(max-width:768px){body[data-marketing-page="chat"] .section-inner{width:calc(100% - 40px)}}
/* Optical centering for the asymmetric vAssi wordmark inside the 60px header. */
body[data-marketing-design] .nav .logo{display:flex;align-items:center;justify-content:center;height:60px;line-height:0;margin:0;padding:0}
body[data-marketing-design] .nav .logo img{display:block;width:95px;height:auto;margin:0;transform:translateY(-2px)}

/* Keep marketing sections and their primary content on a shared centered column. */
body[data-marketing-design] :is(.section-inner,main .inner,.content){width:min(1200px,calc(100% - 80px));max-width:1200px;margin-inline:auto}
body[data-marketing-design] :is(.section-visual,.faq-list,.pricing-grid){width:100%;max-width:none;margin-left:auto;margin-right:auto}
body[data-marketing-design] :is(.policy-shell,.help-shell,.contact-form-shell,.contact-form){margin-left:auto;margin-right:auto}
body[data-marketing-design] .price-card.enterprise .price-cta{color:#f1eee6;background:transparent;border-color:#ffffff55}
body[data-marketing-design] .price-card.enterprise .price-cta:hover{color:#111;background:#f1eee6;border-color:#f1eee6}
@media(max-width:1100px) and (min-width:769px){body[data-marketing-design] .pricing-grid:has(.price-card.enterprise){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){body[data-marketing-design] :is(.section-inner,main .inner,.content){width:calc(100% - 40px)}}

/* Consistent marketing heroes; Chat retains its centered interactive layout. */
body[data-marketing-design] .hero:not(.voltage-chat-hero){padding:85px 0 75px;min-height:0;text-align:left}
body[data-marketing-design] .hero:not(.voltage-chat-hero)>:is(.hero-inner,.inner,.content){width:min(1200px,calc(100% - 80px));max-width:1200px;margin-inline:auto;display:block;padding:0}
body[data-marketing-design] .hero:not(.voltage-chat-hero) h1{max-width:900px;font-size:clamp(64px,7.2vw,108px);margin:0 0 30px;text-align:left}
body[data-marketing-design] .hero:not(.voltage-chat-hero) :is(.cta,.hero-download-cta,.hero-chat-cta){margin-top:30px}
body[data-marketing-design] .hero:not(.voltage-chat-hero) :is(.hero-cta-note,.voltage-platform-note){text-align:left;font-size:12px;line-height:1.6;margin:18px 0 0;max-width:650px}
@media(max-width:768px){body[data-marketing-design] .hero:not(.voltage-chat-hero){padding:55px 0 65px}body[data-marketing-design] .hero:not(.voltage-chat-hero)>:is(.hero-inner,.inner,.content){width:calc(100% - 40px)}body[data-marketing-design] .hero:not(.voltage-chat-hero) h1{font-size:clamp(58px,12vw,90px)}}