.content .center{text-align:center}
.content .art-tag{font-size:.8rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--crimson);margin-bottom:.4em}
.content .art-meta{font-size:.9rem;color:var(--steel);margin-bottom:1.6em;padding-bottom:1em;border-bottom:1px solid var(--rule)}
.prose ul:not([class]){list-style:none;padding-left:1.7em}
.prose ul:not([class])>li{position:relative}
.prose ul:not([class])>li::before{content:"";position:absolute;left:-1.7em;top:.42em;width:.95em;height:.95em;background:var(--i-cube) center/contain no-repeat;filter:drop-shadow(0 2px 3px color-mix(in srgb,var(--wine) 22%,transparent))}
.prose ol:not([class]){list-style:none;padding-left:2.4em;counter-reset:pl}
.prose ol:not([class])>li{position:relative;counter-increment:pl}
.prose ol:not([class])>li::before{content:counter(pl);position:absolute;left:-3em;top:.12em;display:grid;place-items:center;width:2.2em;height:2.2em;border-radius:50%;background:var(--badge);color:#fff;font-weight:800;font-size:.8em;line-height:1;box-shadow:0 .25em .5em color-mix(in srgb,var(--wine) 22%,transparent)}
.content .toc{padding:18px 22px 18px 58px;margin:0 0 2em;font-size:.95rem;position:relative}
.content .toc::before{content:"";position:absolute;left:18px;top:17px;width:26px;height:26px;background:var(--i-cube) center/contain no-repeat}
.content .toc h2{font-size:1rem;margin:0 0 .5em;padding:0}
.content .toc h2::after{display:none}
.content .toc ol,.content .toc ul{margin:0;padding-left:1.2em;columns:2;column-gap:28px;list-style:decimal;counter-reset:none}
.content .toc ul{list-style:disc}
.content .toc li{margin-bottom:.35em;break-inside:avoid;position:static;counter-increment:none}
.content .toc li::before,.prose .toc ol:not([class])>li::before{content:none}
.content .toc li::marker{color:var(--crimson);font-weight:700}
.content .toc a{text-decoration:none;color:var(--ink-2)}
.content .toc a:hover{color:var(--crimson)}
.content .note{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:14px 18px 14px 48px;font-size:.9rem;color:var(--ink-2);margin:0 0 1.4em;position:relative}
.content .note::before{content:"";position:absolute;left:16px;top:14px;width:20px;height:20px;background:var(--i-cube) center/contain no-repeat}
.content .note p:last-child{margin-bottom:0}
.content .callout{position:relative;padding:20px 24px 20px 70px;margin:1.6em 0;border-left:4px solid var(--crimson)}
.content .callout::before{content:"";position:absolute;left:22px;top:21px;width:30px;height:30px;background:var(--i-cube) center/contain no-repeat;filter:drop-shadow(0 4px 6px color-mix(in srgb,var(--wine) 22%,transparent))}
.content .callout.note{padding:20px 24px 20px 70px;font-size:inherit;color:inherit;border-left-color:var(--steel-2)}
.content .callout.success{border-left-color:var(--ok)}
.content .callout.warning{border-left-color:var(--mb)}
.content .callout.danger{border-left-color:var(--ko)}
.content .callout.success::before,.content .callout.warning::before,.content .callout.danger::before{background:none;filter:none;display:grid;place-items:center;width:32px;height:32px;border-radius:5px;transform:rotate(-7deg);font-family:var(--font);font-weight:900;font-size:.8rem;font-stretch:110%;letter-spacing:.02em;line-height:1;color:var(--ok);box-shadow:inset 0 0 0 2.5px currentColor,inset 0 0 0 4px #fff,inset 0 0 0 5.5px currentColor}
.content .callout.success::before{content:"OK" / ""}
.content .callout.warning::before{content:"?" / "";color:var(--mb)}
.content .callout.danger::before{content:"KO" / "";color:var(--ko)}
.content .callout h3{margin-top:0}
.content .cta{text-align:center;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--coral) 28%,transparent),transparent 62%),var(--night);color:var(--moon);border:0;border-radius:18px;padding:40px 28px 30px;position:relative;margin:2.2em 0 1.8em;box-shadow:var(--shadow-rose)}
.content .cta::before{content:"";position:absolute;left:50%;top:-30px;width:70px;height:64px;margin-left:-35px;background:var(--i-env) center/contain no-repeat;filter:drop-shadow(0 10px 14px color-mix(in srgb,var(--night-deep) 45%,transparent))}
.content .cta p,.content .cta li{color:var(--mist)}
.content .cta strong,.content .cta h2,.content .cta h3,.content .cta .box-title{color:#fff}
.content .cta a{color:var(--crimson-lit)}
.content .cta a.btn{color:#fff;text-decoration:none}
.content .cta h2{margin-top:0;padding-bottom:0}
.content .cta h2::after{display:none}
.content .cta .btn{margin:.2em 0}
.content .cta .small{color:var(--mist)}
.content .cta .box-title{justify-content:center}
.content .cta .box-title::before{display:none}
.content .cta .checklist{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:0 0 1.2em}
.content .cta .checklist li{color:var(--moon);margin:0}
.content .cta .checklist li::before{box-shadow:inset 0 0 0 2px var(--ok-d),inset 0 0 0 3.5px var(--night),inset 0 0 0 5px var(--ok-d)}
.content .cta .checklist li::after{background:var(--ok-d)}
.content p.cta{text-align:left;padding:20px 24px 20px 96px}
.content p.cta::before{left:20px;top:50%;margin:-30px 0 0;width:60px;height:56px}
.content .stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 1.8em}
.content .stat{padding:20px 14px 16px;text-align:center;position:relative;overflow:hidden;box-shadow:0 10px 30px color-mix(in srgb,var(--wine) 8%,transparent)}
.content .stat::after{content:"";position:absolute;left:16px;right:16px;top:0;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--coral),var(--crimson))}
.content .stat .n{font-size:clamp(1.5rem,1.1rem + 1.2vw,2.1rem);color:var(--ink)}
.content .stat .l{font-size:.82rem;line-height:1.35}
.content .step{padding:20px 24px 20px 80px;margin:0 0 18px;position:relative}
.content .step::before{content:"";position:absolute;left:22px;top:18px;width:34px;height:52px;background:var(--i-door) center/contain no-repeat;filter:drop-shadow(0 6px 8px color-mix(in srgb,var(--wine) 22%,transparent))}
.content .step:has(+ .step)::after{content:"";position:absolute;left:38px;bottom:-19px;width:2px;height:18px;background:var(--rule)}
.content .step>*:last-child{margin-bottom:0}
.content .step h3,.content .step h4{margin-top:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.content .step-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:650;margin-bottom:.6em}
.content .step-head .tag,.content .step-head .small{margin-left:auto;font-weight:500}
.content .num{position:relative;display:inline-grid;place-items:center;min-width:2.1em;height:2.1em;padding:0 .3em;border-radius:50%;background:var(--badge);color:#fff;font-weight:800;font-size:.85em;line-height:1;flex:0 0 auto;margin-right:.2em;box-shadow:0 .3em .6em color-mix(in srgb,var(--wine) 24%,transparent),inset 0 -.2em .4em color-mix(in srgb,var(--night-deep) 22%,transparent)}
.content .box{padding:22px 24px;margin:1.6em 0}
.content .box .box{box-shadow:none}
.content .box-title{font-weight:650;color:var(--ink);margin-bottom:.5em;display:flex;align-items:center;gap:10px}
.content .box-title::before{content:"";width:18px;height:18px;flex:none;background:var(--i-cube) center/contain no-repeat}
.content .box>*:last-child{margin-bottom:0}
.content .box h2,.content .box h3{margin-top:0}
.content .box h2::after{display:none}
.content .box h2{padding-bottom:0}
.content .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;margin:0 0 1.6em}
.content .grid>*{margin:0}
.content .chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 1.4em}
.content .chips>*{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--r-pill);border:1px solid var(--rule);background:#fff;font-size:.9rem;font-weight:550;text-decoration:none;color:var(--ink);margin:0;transition:border-color 160ms ease,transform 160ms var(--ease-out)}
.content .chips>a:hover{border-color:var(--crimson);color:var(--crimson);transform:translateY(-1px)}
.content .chips img{width:18px;height:18px;margin:0;border-radius:0;border:0;box-shadow:none;background:none}
.content .row{display:flex;align-items:center;gap:14px;margin:0 0 1.4em;font-size:1.4rem;color:var(--steel-2)}
.content .row img{margin:0;border-radius:0;border:0;box-shadow:none;background:none}
.content .checklist,.content .plain{list-style:none;padding-left:0}
.content .checklist li{position:relative;padding-left:34px;margin-bottom:.55em}
.content .checklist li::before{content:"";position:absolute;left:2px;top:.3em;width:20px;height:20px;border-radius:4px;transform:rotate(-7deg);box-shadow:inset 0 0 0 2px var(--ok),inset 0 0 0 3.5px #fff,inset 0 0 0 5px var(--ok)}
.content .checklist li::after{content:"";position:absolute;left:6px;top:calc(.3em + 4px);width:12px;height:12px;background:var(--ok);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13l5 5L20 7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13l5 5L20 7'/%3E%3C/svg%3E") center/contain no-repeat}
.content .plain li{padding:8px 14px;background:#fff;border:1px solid var(--rule);border-radius:12px;margin-bottom:6px}
.content .tag.ok{background:color-mix(in srgb,var(--ok) 10%,#fff);color:var(--ok)}
.content .tag.ko{background:color-mix(in srgb,var(--ko) 10%,#fff);color:var(--ko)}
.content .tag.mb{background:color-mix(in srgb,var(--mb) 10%,#fff);color:var(--mb)}
.content td.ok{color:var(--ok);font-weight:650}
.content td.ko{color:var(--ko);font-weight:650}
.content td.mb{color:var(--mb);font-weight:650}
.content img.mascot{float:right;width:84px;height:auto;margin:0 0 8px 16px;border-radius:0;border:0;box-shadow:none;background:none}
.content .step-head img.mascot{float:none;width:56px;margin:0 0 0 auto}
.content .email{padding:20px 24px;margin:0 0 1.4em;font-size:.95rem;position:relative}
.content .email::before{content:"";position:absolute;right:18px;top:-18px;width:54px;height:50px;background:var(--i-env) center/contain no-repeat;filter:drop-shadow(0 6px 8px color-mix(in srgb,var(--wine) 22%,transparent))}
.content .email>p:first-child{padding-right:64px}
.content .email p{margin-bottom:.6em}
.content .email p:last-child{margin-bottom:0}
.content figure.inf{margin:1.8em 0;padding:18px}
.content .inf svg{width:100%;height:auto;display:block}
.content .inf svg text{font-family:var(--font)}
.content .inf svg .mono{font-family:var(--mono)}
.content .inf figcaption{margin:0 0 .8em;font-weight:650;color:var(--ink);text-align:left}
.content h2 img,.content h3 img,.content p>strong>img{display:inline-block;width:1em;height:1em;vertical-align:-.15em;margin:0 .35em 0 0;border-radius:0;border:0;box-shadow:none;background:none}
.content .quote-card{display:flex;flex-direction:column;padding:22px 24px}
.content .quote-card>p:first-child{flex:1;font-style:italic;position:relative;padding-top:.3em}
.content .quote-card .src{display:flex;align-items:center;justify-content:flex-start;gap:4px 10px;flex-wrap:wrap;font-weight:650}
.content .quote-card .src .who{flex:1;min-width:0;line-height:1.4}
.content td code,.content th code{white-space:nowrap}
.content .quote-card .src img{display:inline-block;width:40px;height:40px;border-radius:50%;margin:0 4px 0 0;vertical-align:middle;border:0;box-shadow:none}
.content .price-card{text-align:center}
.content .price-card ul{text-align:left}
.content .price-card .amount{margin:0}
.content .faq h2,.content .faq h3{margin-top:1.4em}
.content .faq h3{font-size:1.05rem;color:var(--steel);letter-spacing:.01em}
.content .video{margin:0 0 1.6em}
.content .terminal{margin:0 0 1.6em}
.content pre{white-space:pre;word-break:normal;overflow-wrap:normal;overflow-x:auto;-webkit-overflow-scrolling:touch}
.content pre.wrap{white-space:pre-wrap;overflow-wrap:anywhere}
.content code,.content a{overflow-wrap:anywhere}
.content .small{font-size:.875rem;color:var(--steel)}
.content .lead a{color:inherit}
.content .table-scroll{margin:0 0 1.8em}
.content .table-scroll table{font-size:.9rem}
.content .table-scroll th{background:var(--paper);white-space:nowrap}
.content .table-scroll th:first-child,.content .table-scroll td:first-child{padding-left:16px}
.content .table-scroll th:last-child,.content .table-scroll td:last-child{padding-right:16px}
.content .btn{text-decoration:none;max-width:100%;white-space:normal;height:auto;padding-block:10px;line-height:1.25;text-align:center}
.content .strong-p{font-weight:650;color:var(--ink)}
.content .address{padding-left:18px;border-left:3px solid var(--crimson);color:var(--ink-2);line-height:1.5}
.prose img{border:0;border-radius:14px;box-shadow:var(--shadow-sheet);background:#fff}
.prose figure img{margin:0}
.prose blockquote{position:relative;padding:.6em 0 .6em 1.6em;border-left:3px solid var(--crimson);font-size:1.05em;color:var(--ink-2)}
.prose blockquote::before{content:"\201C";position:absolute;left:.55em;top:-.1em;font-size:2.6em;line-height:1;color:var(--crimson);opacity:.35;font-weight:800;font-family:var(--font)}
.prose details,.faq details{padding:0 20px;margin:0 0 12px;transition:border-color 200ms ease,box-shadow 200ms ease}
.prose details[open],.faq details[open]{padding-bottom:20px}
.prose details[open],.faq details[open]{border-color:color-mix(in srgb,var(--crimson) 45%,var(--rule));box-shadow:var(--shadow-rose)}
.prose summary,.faq summary{padding:16px 0;font-weight:650;line-height:1.4;color:var(--ink);transition:color 160ms ease}
.prose details[open]>summary,.faq details[open]>summary{padding-bottom:12px}
.prose summary:focus-visible,.faq summary:focus-visible{outline:3px solid var(--navy);outline-offset:4px;border-radius:6px}
@media (hover:hover) and (pointer:fine){.prose summary:hover,.faq summary:hover{color:var(--crimson)}}
.prose summary::after,.faq summary::after{content:"";width:12px;height:12px;flex:0 0 auto;background:var(--crimson);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round'%3E%3Cpath d='M12 4v16M4 12h16'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round'%3E%3Cpath d='M12 4v16M4 12h16'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform 200ms var(--ease-out)}
.prose details[open] summary::after,.faq details[open] summary::after{transform:rotate(45deg)}
.prose details>*:not(summary),.faq details>*:not(summary){margin:0 0 14px;max-width:68ch;font-size:1rem;line-height:1.65;color:var(--ink-2);animation:faq-in 180ms var(--ease-out) both}
.prose details>*:not(summary):last-child,.faq details>*:not(summary):last-child{margin-bottom:0}
.prose details>ul,.prose details>ol,.faq details>ul,.faq details>ol{padding-left:1.2em}
@keyframes faq-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.prose details>*:not(summary),.faq details>*:not(summary){animation:none}}
.prose .lead,.prose .art-lead{border-left:4px solid var(--crimson);background:var(--paper);border-radius:0 14px 14px 0}
.content .box .btn-primary{color:#fff}
.content .box .pill-solid{display:inline-block}
@media (max-width:620px){.content img.mascot{width:64px}.content .stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.content .toc ol,.content .toc ul{columns:1}.content .callout,.content .callout.note{padding-left:20px;padding-top:64px}.content .callout::before{left:20px;top:18px}.content .step{padding-left:20px;padding-top:84px}.content .step::before{left:20px;top:16px}.content .step:has(+ .step)::after{left:36px}.content p.cta{padding-left:24px;padding-top:70px}.content p.cta::before{left:50%;top:14px;margin:0 0 0 -30px}}
