/* Cotador uses Node Data typography and navigation, with its electric palette. */
:root{--ink:#edf4f8;--muted:#a7bac8;--line:#263c4d;--wine:#eea381;--green:#8bd5f7;--surface:#0b1925;--font-body:'DM Sans',sans-serif;--font-label:'JetBrains Mono',monospace}
body{font-family:var(--font-body);background:#030b11;color:var(--ink);-webkit-font-smoothing:antialiased}
button,input,textarea{font:inherit}h1,h2{font-weight:500}h2{line-height:1.08;letter-spacing:-2.2px}.electric-copy h1{font-weight:500}
.eyebrow,.story-label,.value-label,.tag,.number,.demo-top,.original-top{font-family:var(--font-label);font-weight:400}
.nav{position:fixed;inset:0 0 auto;z-index:20;max-width:none;height:auto;min-height:88px;margin:0;padding:18px 40px;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;background:#030b11e8;backdrop-filter:blur(15px);border-bottom:1px solid #ffffff10;color:#fff}
.nav .brand{font-size:20px;font-weight:700;letter-spacing:-.6px}.nav .brand img{width:44px;height:44px}.brand-sub{color:var(--muted);font-family:var(--font-label);font-size:8px;letter-spacing:1px}.nav nav{gap:30px;font-size:14px}.nav-cta{justify-self:end;border:0;border-radius:40px;padding:12px 20px;background:white;color:#071725;font-size:14px;font-weight:600;white-space:nowrap}.nav-cta span{margin-left:16px}.nav-cta:hover{background:#ccefff}.electric-copy{padding-top:180px}
.case,.value-section,.customer-section,.outputs,.closing,.video-section{background:transparent;color:var(--ink)}
main{background:radial-gradient(ellipse at 100% 25%,#0b2a4133,transparent 50%),#030b11}.electric-hero{background:#030b11}.formats{background:#07121c}
.eyebrow,.value-heading .eyebrow,.customer-heading .eyebrow,.outputs .eyebrow,.story-label,.confirmation .tag{color:#eea381}
.value-heading h2 em,.time-meaning strong,.time-simulator h3 output,.prospect-result>strong{color:#8bd5f7}
.value-main{background:radial-gradient(ellipse at bottom right,#143c56,#0b1925 75%);border-color:var(--line)}
.value-secondary article,.time-simulator,.customer-feature,.customer-grid article,.received-layout figure,.received-layout figcaption,.ambiguity-flow,.demo-panel,.confirmation,.answer,.step-buttons button.active,dialog{background:var(--surface);border-color:var(--line);color:var(--ink)}
.value-label,.value-grid p,.value-heading>p,.time-meaning>span,.time-simulator label,.range-ends,.prospect-result>span,.prospect-result>small,.value-method summary,.value-method summary>span,.value-method p,.customer-heading>p:last-child,.customer-author div>span,.specific-result,.customer-grid small,.customer-bottom p,.received-heading p,.received-layout figcaption,.ambiguity-flow p,.outputs article p,.outputs .micro,.outputs .section-heading>p:not(.eyebrow),#proof-caption,#order-viewer p{color:var(--muted)}
.value-grid h3,.featured-quote blockquote,.customer-grid blockquote,.customer-author strong,.customer-bottom strong{color:var(--ink)}
.quote-mark{color:#eea381}.initials,.confirmed span,.resolved-colors span{background:#132e42;color:#9edbfa;border-color:var(--line)}
.time-simulator input{accent-color:#8bd5f7}.proof-button,.story-step,.original-top button,.demo-top button{color:#8bd5f7;border-color:#446479}
.time-meaning,.prospect-result,.value-method,.customer-bottom,.message-preview,.original-top,.ambiguity-flow article,.walkthrough-intro,.number{border-color:var(--line)}
.ambiguity-flow article:last-child,.demo-panel>p,.output-image,.message-preview{background:#0d202f}.ambiguity-flow article:first-child .story-label{color:#ffa1a1}.message-preview>span{color:var(--muted)}
.step-buttons button{color:var(--muted)}.step-buttons button.active{box-shadow:0 0 0 1px #65bde329}.button,.customer-bottom .button,.light{background:#d99473;color:#180f0b;border-radius:50px}.button:hover{background:#f0ad8d}
#close-proof,#close-order,#close-viewer{background:#1a3549;color:var(--ink)}dialog::backdrop{background:#020911e8}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-color:#8bd5f7}
/* Light editorial sections frame the electric hero and product video. */
:root{--ink:#142b3d;--muted:#586e7e;--line:#d5e1e9;--surface:#ffffff;--wine:#985b3e;--green:#286586}
body{background:#f5f8fb}
main{background:radial-gradient(ellipse at 0% 38%,#dbeaf5 0,transparent 34%),radial-gradient(ellipse at 100% 72%,#f5e9e1 0,transparent 30%),#fafcfd}
.nav{--muted:#adc1d0;--ink:#fff}
.electric-hero{--ink:#fff;--muted:#bdc7ce}
.formats{background:linear-gradient(180deg,#dbe6ee,#f8fbfd);border-color:#d8e3eb;color:#24445b}
.value-section{background:radial-gradient(ellipse at 50% 30%,#dceaf5 0,#eef4f9 48%,#ffffff 100%)}
.value-heading .eyebrow,.customer-heading .eyebrow,.eyebrow,.story-label,.confirmation .tag{color:#986040}
.value-heading h2 em{color:#357496}
.value-main{--ink:#f4f9fd;--muted:#b9d0df;background:radial-gradient(ellipse at 100% 100%,#286086,transparent 65%),linear-gradient(140deg,#071522,#14334a);border:1px solid #507590;box-shadow:0 18px 50px #18364c20}
.value-main .value-number{color:#fff}.value-main .value-label{color:#b9d0df}.time-meaning strong{color:#b3e4ff}.time-meaning{border-color:#ffffff29}
.value-secondary article,.customer-grid article,.customer-feature,.confirmation,.received-layout figure,.demo-panel{background:linear-gradient(145deg,#ffffff,#f4f8fb);border-color:#d6e2eb;box-shadow:0 10px 35px #18364c07}
.value-secondary .value-number{color:#163f5b}.value-label{color:#527084}
.time-simulator{background:linear-gradient(115deg,#ffffff,#e6f0f7);border-color:#cfdee8}
.time-simulator h3 output,.prospect-result>strong{color:#28688e}.time-simulator input{accent-color:#337da6}
.case{background:radial-gradient(ellipse at 0% 45%,#dfeef8,transparent 65%),radial-gradient(ellipse at 100% 80%,#f6e9df,transparent 55%),linear-gradient(#fff,#f5f9fc,#fff)}
.received-layout figcaption,.answer,.ambiguity-flow{background:#ffffffde}.ambiguity-flow article:last-child,.demo-panel>p{background:linear-gradient(130deg,#e9f3fa,#f8fbfd)}
.initials,.confirmed span,.resolved-colors span{background:#e5f0f7;color:#286586;border-color:#c5dbe9}
.proof-button,.story-step,.original-top button,.demo-top button{color:#28688e;border-color:#9fbccd}
.ambiguity-flow article:first-child .story-label{color:#a24343}
.video-section,.outputs{--ink:#f4f8fc;--muted:#b9cbd9;color:var(--ink);background:radial-gradient(ellipse at 0% 50%,#ffffff30,transparent 48%),radial-gradient(ellipse at 100% 50%,#a9d9fa38,transparent 50%),linear-gradient(120deg,#263f54,#07121e 48%,#16364e);border-top:1px solid #d0e1ec;border-bottom:1px solid #d0e1ec}
.video-section .eyebrow,.outputs .eyebrow{color:#ecb498}.output-image{background:linear-gradient(130deg,#e9f1f6,#b8ccdb)}
.customer-section{background:radial-gradient(ellipse at 8% 15%,#dceaf4,transparent 50%),radial-gradient(ellipse at 95% 95%,#f5e5d9,transparent 50%),#fff}
.quote-mark{color:#b47d5e}.message-preview{background:#101c25;--muted:#c6d7e2}
.closing{background:radial-gradient(ellipse at 50% 110%,#c4deee,transparent 65%),linear-gradient(120deg,#fff,#edf4f9,#fff)}
.closing .button,.customer-bottom .button{background:#173f5b;color:#fff}.closing .button:hover,.customer-bottom .button:hover{background:#28688e}
dialog{background:linear-gradient(130deg,#fff,#edf4f9)}
#close-proof,#close-order,#close-viewer{color:#fff}
.value-main,.value-secondary article,.customer-grid article,.customer-feature,.received-layout figure,.confirmation,.output-grid article,.steps article{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.steps article{padding:24px;border:1px solid #d6e2eb;border-radius:14px;background:linear-gradient(145deg,#ffffffcf,#eaf3fa99)}
.steps .number{border:0;padding-top:0}.output-grid article{padding:22px;border:1px solid #9ab8cf33;border-radius:16px;background:linear-gradient(140deg,#ffffff0d,#ffffff03)}
.customer-feature:focus-within,.customer-grid article:focus-within{border-color:#5597ba;box-shadow:0 16px 42px #214d6b19}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.value-main:hover,.value-secondary article:hover,.customer-grid article:hover,.customer-feature:hover,.received-layout figure:hover,.confirmation:hover,.output-grid article:hover,.steps article:hover{transform:translateY(-6px);border-color:#79abc8;box-shadow:0 20px 48px #1b496b24}}
@media(prefers-reduced-motion:reduce){.value-main,.value-secondary article,.customer-grid article,.customer-feature,.received-layout figure,.confirmation,.output-grid article,.steps article{transition:none}}
@media(max-width:1000px){.nav{padding:16px 28px;gap:16px}.nav nav{gap:18px}.electric-copy{padding-top:160px}}
@media(max-width:640px){.nav{min-height:78px;padding:14px 20px;grid-template-columns:1fr auto;gap:12px}.nav nav{display:none}.nav .brand{font-size:20px}.nav .brand img{width:36px;height:36px}.brand-sub{font-size:6px}.nav-cta{font-size:12px;padding:10px 14px}.nav-cta span{margin-left:8px}.electric-copy{padding-top:130px}h2{letter-spacing:-1.3px}}