/* Vincent Vallet / OFID — palette reprise de vincentvallet.com. */
:root{--bg:#eef7fb;--panel:#fff;--line:#bed4de;--text:#0b2a3d;--muted:#526f7e;--accent:#087c8e;--lavender:#087c8e;color-scheme:light}
body{background:linear-gradient(180deg,#fff 0,#eef7fb 760px,#f7fbfd 1600px,#fff 2800px)}
h1,h2,.purchase-copy h2,.thanks h1{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-2.5px}
h1{line-height:1.06}h2{line-height:1.16;letter-spacing:-1.5px}
.navigation{border-bottom:1px solid var(--line);padding-block:24px}
.brand-icon{background:#0b2a3d;color:#fff}.brand>span:last-child{font-size:11px}
.nav-links{color:var(--muted);font-size:14px}.nav-links a:hover{color:#087c8e}
.button{background:#fff;border-color:#8eacbc;color:var(--text);font-size:16px;min-height:48px}
.button:hover:not(:disabled):not([aria-disabled=true]){background:#d9edf6}
.button.primary{background:#e96332;border-color:#e96332;color:#102d3c;font-weight:750}
.button.primary:hover:not(:disabled):not([aria-disabled=true]){background:#f47749}
.button.small{font-size:14px;background:#0b2a3d;color:#fff;border-color:#0b2a3d}
.button.small:hover{background:#173f55!important}.button.ghost{border-color:#8eacbc}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#087c8e}
.hero{padding-top:66px}.eyebrow{font-size:12px;letter-spacing:1.6px;color:#087c8e}
.live-dot{background:#087c8e;box-shadow:0 0 0 4px #0c91a510}.microcopy{font-size:14px}.microcopy span{color:#8eacbc}
.showcase{background:#d9edf6;border-color:#a8c8d8;box-shadow:0 24px 70px #0b2a3d1c}
.showcase-top{color:#466777;font-size:12px}.showcase-live{color:#087382!important;font-size:10px!important}
.demo-stage{background:#0b2a3d}.demo-slide{background:#fff;color:#0b2a3d;box-shadow:0 8px 32px #0002}
.demo-slide h2{font-family:Georgia,serif;font-weight:700}.slide-chapter{color:#526f7e;font-size:10px}
.demo-slide h2 span:after{border-color:#e96332}.demo-columns b,.demo-columns p{color:#526f7e}.demo-columns p{font-size:14px}
.slide-footer{color:#526f7e;font-size:10px}.demo-timer{background:#fff;border-color:#bed4de;color:#0b2a3d}
.demo-timer>span:first-child{color:#526f7e;font-size:10px}.timer-line{background:linear-gradient(90deg,#0c91a5 75%,#d9edf6 75%)}
.demo-cursor{border-color:#0c91a5;background:#0c91a526;box-shadow:0 0 0 8px #0c91a515}
.demo-toolbar{background:#fff;border-color:#bed4de}.demo-toolbar button{color:#526f7e;font-size:12px}
.demo-toolbar button:hover,.demo-toolbar button[aria-pressed=true]{background:#d9edf6;color:#0b2a3d}
.demo-label{font-size:11px;color:#d9edf6}.compatibility{color:#173f55}.compatibility>span{font-size:10px;color:#526f7e}
.section-heading>p:last-child,.workflow>div>p:not(.eyebrow),.purchase-copy>p:not(.eyebrow){font-size:16px}
.feature{background:#fff;box-shadow:0 10px 30px #0b2a3d08}.feature-art{background:#d9edf6}.feature-art>span{color:#0b2a3d}
.spotlight-art{background:#0b2a3d}.spotlight-art>span{color:#fff}.spotlight-art b{color:#7bd4df}
.ink-art{background:#e4f3f8}.ink-art b{color:#087c8e}.ink-art svg{stroke:#e96332}
.tempo-art{background:#d9edf6}.tempo-art .time-card{background:#fff;color:#0b2a3d;border-color:#9fbdcc;box-shadow:0 10px 25px #0b2a3d18}
.time-card small{color:#526f7e;font-size:9px}.tempo-art .qr-art{background:#fff;color:#0b2a3d}
.feature-index{font-size:11px}.feature h3{font-size:22px;font-weight:650}.feature p{font-size:16px;line-height:1.7}
.more-tools{font-size:14px;line-height:1.9}.more-tools span{color:#0b2a3d}.more-tools i{color:#8eacbc}
.check-list{font-size:16px}.check-list li:before{color:#087c8e}.fineprint{font-size:14px!important;color:#526f7e!important}
.shortcut-visual{background:linear-gradient(145deg,#d9edf6,#fff);box-shadow:0 12px 40px #0b2a3d08}
.keyboard-line>span{color:#526f7e}kbd{background:linear-gradient(#fff,#eef7fb);border-color:#8eacbc;border-bottom-color:#9bb5c2;box-shadow:0 3px 0 1px #bed4de,0 10px 10px #0b2a3d0a}
.shortcut-visual>span{font-size:16px;color:#173f55}.shortcut-visual small{font-size:12px;color:#526f7e}
.deck-keys{background:#0b2a3d;border-color:#173f55;box-shadow:10px 15px 30px #0b2a3d20}.deck-keys i{background:#173f55;border-color:#386476;color:#fff}.deck-keys i:nth-child(2n){color:#7bd4df}
.text-link{font-size:16px;border-color:#72b9c3}.price-card{background:#fff;border:2px solid #0c91a5;box-shadow:0 18px 50px #0b2a3d12}
.offer-tag{background:#e0f3f5;border-color:#9bd4dc;color:#086e7c;font-size:11px}.price-card>p{font-size:16px}.price del{color:#526f7e}
.price-note{font-size:14px}.price-card .check-list{border-color:#bed4de;font-size:15px}.downloads{background:#d9edf6;border-color:#aacbd9}
.downloads p{font-size:16px}.button.download{background:#fff;border-color:#8eacbc}.download strong{font-size:16px}.download small{font-size:13px;color:#526f7e}.intel-link{color:#0b5269;font-size:14px}
.faq>div>p:not(.eyebrow),.faq summary,.faq details p{font-size:16px}.faq details p{line-height:1.8}
.site-status:not(:empty){background:#fff;border-color:#0c91a5;color:#0b2a3d;box-shadow:0 15px 40px #0b2a3d18;font-size:15px}
footer p,footer>div{font-size:13px}footer a:hover{text-decoration:underline}.skip{background:#0b2a3d;color:#fff}
.thanks{background:#fff;box-shadow:0 18px 50px #0b2a3d10}.thanks p{font-size:16px}
.admin input[type=email],.admin input[type=password],.admin input[type=text],.admin input[type=url],.admin select{display:block;width:100%;background:#fff;border:1px solid #8eacbc;color:#0b2a3d;border-radius:8px;padding:13px;margin:10px 0 20px;font:inherit}
.admin label{font-size:15px}.notice{background:#e0f3f5;border-color:#77bcc8}td button{background:#eef7fb;border-color:#bed4de;color:#0b2a3d}.panel{box-shadow:0 12px 35px #0b2a3d08}
.setup-shell{max-width:800px;margin:50px auto;padding:30px}.setup-shell h1{font-size:44px;letter-spacing:-1.5px}.setup-shell h2{font-size:27px;margin-top:30px}.setup-shell code{overflow-wrap:anywhere}.setup-checks{padding-left:24px;line-height:1.9}.setup-shell .button{margin-block:12px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.setup-shell label small{display:block;color:#526f7e;margin-top:5px}.setup-shell .notice{margin-block:20px}.setup-shell a:not(.button){text-decoration:underline}.setup-secret{overflow-wrap:anywhere;background:#eef7fb;padding:16px;border-radius:8px}
@media(max-width:1000px){.purchase-section{grid-template-columns:1fr 400px}.demo-label{font-size:10px}.price-card{padding:26px}}
@media(max-width:680px){h1{font-size:58px;letter-spacing:-2px}.hero{padding-top:40px}.eyebrow{font-size:11px;letter-spacing:1.2px}.button.small{font-size:12px}.hero-actions .button{font-size:15px}.hero-description{font-size:16px}.microcopy{font-size:12px;line-height:1.8}.brand{font-size:20px}.showcase-top{font-size:10px}.demo-stage{height:355px;padding-bottom:84px}.demo-slide{padding-top:42px}.demo-slide h2{font-size:27px}.slide-chapter{font-size:8px}.demo-timer>span:first-child{font-size:7px}.demo-toolbar{bottom:34px}.demo-toolbar button{font-size:10px;width:62px}.demo-label{font-size:9px;bottom:12px}.demo-columns p{font-size:10px}.demo-columns b{font-size:11px}.slide-footer{font-size:8px}.compatibility div{font-size:14px}.compatibility>span{font-size:10px}.feature p{font-size:16px}.more-tools{font-size:13px}.workflow>div>p:not(.eyebrow),.purchase-copy>p:not(.eyebrow){font-size:16px}.purchase-section{grid-template-columns:1fr}.downloads h2{font-size:46px}.download strong{font-size:14px}.download small{font-size:12px}.faq summary,.faq details p{font-size:16px}.thanks{margin:30px 16px;padding:26px}.thanks h1{font-size:40px}.setup-shell{margin:20px auto;padding:20px}.setup-shell h1{font-size:36px}.setup-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}footer{flex-wrap:wrap}footer>div{flex-wrap:wrap}.shortcut-visual small{text-align:center}}