.preview-site, .preview-editor {--pv-bg:#f7f6f2;--pv-surface:#fffefa;--pv-ink:#262923;--pv-muted:#686a60;--pv-line:#deded4;--pv-soft:#edeee6;--pv-accent:#a3432a;--pv-accent-soft:#f4e8df;--pv-inverse:#f9f8f2
}
.preview-site[data-mode=dark], .dark .preview-editor {--pv-bg:#20221e;--pv-surface:#282b25;--pv-ink:#eeeee4;--pv-muted:#b6b8ad;--pv-line:#44473f;--pv-soft:#30352c;--pv-accent:#f0ad91;--pv-accent-soft:#46342c;--pv-inverse:#242720
}

.preview-site, .preview-editor {
  --pv-font-body:var(--font-showcase-sans),sans-serif;
  --pv-font-editorial:var(--font-showcase-serif),serif;
  --pv-font-code:var(--font-showcase-mono),monospace;
  --pv-text-reading:16px;
  --pv-leading-reading:1.95;
  --pv-control-target:44px;
  --pv-focus-width:2px;
  --pv-focus-offset:4px;
  --pv-motion-feedback:.18s;
  --pv-radius-control:5px;
}

.preview-site{min-height:100dvh;background:var(--pv-bg);color:var(--pv-ink);font-family:var(--pv-font-body);font-size:15px;line-height:1.7;isolation:isolate;padding-bottom:64px}
.preview-site[data-mode=dark]{}
.preview-site *{box-sizing:border-box}.preview-site h1,.preview-site h2,.preview-site h3,.preview-site p{margin:0}.preview-site h1{font-size:clamp(32px,4.4vw,60px);line-height:1.23;font-weight:500;letter-spacing:-.055em;text-wrap:balance}.preview-site h2{font-size:clamp(25px,2.8vw,38px);line-height:1.35;font-weight:500;letter-spacing:-.045em;text-wrap:balance}.preview-site h3{font-size:19px;font-weight:500;line-height:1.45;letter-spacing:-.02em}.preview-site a,.preview-site button{touch-action:manipulation}.preview-site button,.preview-site input,.preview-site select,.preview-site textarea{font:inherit}.preview-site svg{width:18px;height:18px;flex-shrink:0}.preview-site :focus-visible{outline:var(--pv-focus-width) solid var(--pv-accent);outline-offset:var(--pv-focus-offset)}.preview-site button:disabled{cursor:not-allowed;opacity:.5}.preview-site button,.preview-site a{transition:color .18s,background-color .18s,border-color .18s,transform .18s}.preview-site button:active:not(:disabled),.preview-site .pv-button:active{transform:translateY(1px)}
.pv-container{width:min(100% - 96px,1200px);margin-inline:auto}.pv-muted{color:var(--pv-muted)}.pv-mono,.pv-eyebrow{font-family:var(--font-showcase-mono),monospace}.pv-eyebrow{font-size:10px;letter-spacing:.17em;font-weight:500;line-height:1.7;color:var(--pv-accent);text-transform:uppercase}.pv-logo{display:inline-flex;align-items:center;gap:9px;font-size:21px;letter-spacing:-1px;font-weight:700;white-space:nowrap}.pv-mark{width:28px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:var(--pv-accent);color:var(--pv-bg);font-family:var(--font-showcase-serif),serif;font-size:23px;border-radius:2px 2px 10px 2px;letter-spacing:-3px;padding-right:3px;transform:rotate(-5deg)}
.pv-header{height:86px;border-bottom:1px solid var(--pv-line);display:flex;align-items:center;justify-content:space-between;gap:22px;position:relative;z-index:20}.pv-nav{display:flex;align-items:center;gap:27px}.pv-nav a{font-size:13px;color:var(--pv-muted);white-space:nowrap}.pv-nav a:hover,.pv-nav a[aria-current=page]{color:var(--pv-accent)}.pv-header-actions{display:flex;align-items:center;gap:14px;font-size:12px}.pv-icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--pv-line);border-radius:5px;background:transparent;color:var(--pv-ink)}.pv-mobile-toggle{display:none}.pv-mobile-menu{border-bottom:1px solid var(--pv-line);padding:16px 0;display:grid;gap:4px}.pv-mobile-menu a{padding:9px 12px}.pv-skip{position:fixed;top:4px;left:4px;z-index:100;background:var(--pv-surface);padding:8px;transform:translateY(-150%)}.pv-skip:focus{transform:none}
.pv-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;border:1px solid var(--pv-accent);background:var(--pv-accent);color:var(--pv-inverse);border-radius:5px;padding:12px 22px;font-size:13px;line-height:1.3;font-weight:500;white-space:nowrap}.pv-button:hover{filter:brightness(.94)}.pv-button-secondary{background:transparent;color:var(--pv-ink);border-color:var(--pv-line)}.pv-button-small{min-height:38px;padding:9px 14px;font-size:12px;gap:14px}.pv-text-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--pv-accent);line-height:1.6}.pv-text-link:hover{gap:14px}.pv-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px}.pv-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border:1px solid var(--pv-line);border-radius:4px;font-size:10px;line-height:1.7;color:var(--pv-muted)}.pv-pill-accent{border-color:transparent;background:var(--pv-accent-soft);color:var(--pv-accent)}
.pv-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;padding:78px 0 64px}.pv-hero h1{margin-top:24px}.pv-hero h1 em{font-family:var(--font-showcase-serif),serif;font-style:normal;color:var(--pv-accent);font-weight:500}.pv-lead{color:var(--pv-muted);font-size:16px;line-height:1.95;max-width:610px}.pv-hero .pv-lead{margin-top:26px;max-width:430px}.pv-hero-note{font-size:11px;color:var(--pv-muted);margin-top:17px!important}.pv-intro{padding:65px 0 46px;max-width:870px}.pv-intro h1{margin:17px 0 22px}.pv-intro .pv-actions{margin-top:24px}.pv-section{padding:64px 0;border-top:1px solid var(--pv-line)}.pv-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px}.pv-section-heading h2{margin-top:12px}.pv-section-heading p:not(.pv-eyebrow){color:var(--pv-muted);max-width:570px;margin-top:14px}.pv-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:28px}.pv-feature-row{display:grid;grid-template-columns:44px 1fr 1.2fr;gap:24px;padding:27px 0;border-bottom:1px solid var(--pv-line);align-items:start}.pv-feature-row p{color:var(--pv-muted);font-size:14px}.pv-check-list{padding:0;margin:22px 0;display:grid;gap:13px;list-style:none}.pv-check-list li{display:flex;gap:10px;align-items:flex-start;font-size:13px}.pv-check-list svg{color:var(--pv-accent);margin-top:3px}
.pv-proof{background:#e5e8dd;padding:25px 24px 0;border:1px solid #d7dccf;border-radius:8px;position:relative;color:#30372d}.pv-proof-caption{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-family:var(--font-showcase-mono),monospace;letter-spacing:.1em;margin-bottom:21px}.pv-proof-sheet{background:#fffefa;width:85%;margin-left:auto;padding:29px 26px 20px;border:1px solid #d5d8cd;border-bottom:0;border-radius:4px 4px 0 0;box-shadow:0 12px 40px #32382910;position:relative}.pv-proof-sheet h3{font-family:var(--font-showcase-serif),serif;font-weight:700;font-size:25px;line-height:1.5;color:#343b2e}.pv-proof-sheet p{font-size:11px;line-height:1.9;color:#636b5c;margin-top:14px}.pv-proof-source{background:#2f352c;color:#e5e9dd;padding:18px 19px;position:relative;width:80%;margin-top:-30px;margin-left:-39px;border-radius:5px;font-size:10px;line-height:1.8;box-shadow:0 12px 25px #26321e14;transform:translateY(22px)}.pv-proof-source code{white-space:pre-wrap;font-family:var(--font-showcase-mono),monospace}.pv-proof-source b{color:#c6d7a9;font-weight:400}.pv-proof-foot{display:flex;justify-content:flex-end;gap:8px;padding:32px 0 19px;font-size:10px}.pv-editorial-line{width:32px;height:3px;background:#687957;margin:20px 0}.pv-proof-quote{margin:20px 0;padding:13px 0;border-block:1px solid #d8ddcd;font-family:var(--font-showcase-serif),serif;font-size:15px;line-height:1.8}.pv-assurance{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:25px;border-block:1px solid var(--pv-line);padding:25px 0;font-size:12px;color:var(--pv-muted)}.pv-assurance strong{display:block;font-weight:500;color:var(--pv-ink);font-size:13px;margin-bottom:4px}
.pv-workflow{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px}.pv-workflow-steps{counter-reset:steps}.pv-step{display:grid;grid-template-columns:35px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--pv-line)}.pv-step span{color:var(--pv-accent);font-family:var(--font-showcase-mono),monospace;font-size:11px;padding-top:3px}.pv-step p{color:var(--pv-muted);font-size:13px;margin-top:8px}.pv-panel{background:var(--pv-surface);border:1px solid var(--pv-line);padding:30px;border-radius:7px}.pv-panel-soft{background:var(--pv-soft)}.pv-panel p{color:var(--pv-muted);font-size:14px;line-height:1.9}.pv-panel h3+p{margin-top:12px}.pv-panel .pv-text-link{margin-top:22px}.pv-resource-row{display:grid;grid-template-columns:1fr auto;gap:14px;border-bottom:1px solid var(--pv-line);padding:25px 0;align-items:center}.pv-resource-row h3{font-size:18px}.pv-resource-row p{font-size:13px;color:var(--pv-muted);margin-top:9px}.pv-resource-row:hover h3{color:var(--pv-accent)}
.pv-code{background:#282d25;border-radius:6px;color:#e6e8df;border:1px solid #393f33;overflow:hidden}.pv-code-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border-bottom:1px solid #41483a;font-family:var(--font-showcase-mono),monospace;font-size:10px;color:#c1c8b8}.pv-code-top button{display:flex;gap:8px;align-items:center;background:transparent;color:#e6e8df;border:0;font-size:11px;padding:5px}.pv-code pre{margin:0;padding:23px;overflow-x:auto;font-size:11px;line-height:2;font-family:var(--font-showcase-mono),monospace;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.pv-code-tabbar{display:flex;gap:5px;margin-bottom:16px}.pv-tab{border:1px solid transparent;border-radius:4px;min-height:38px;padding:8px 15px;background:transparent;color:var(--pv-muted);font-size:12px!important}.pv-tab[aria-selected=true],.pv-tab[aria-pressed=true]{background:var(--pv-ink);color:var(--pv-bg)}.pv-tabs{display:flex;flex-wrap:wrap;gap:6px}.pv-code-note{font-size:12px;color:var(--pv-muted);margin-top:13px!important}.pv-stat-line{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--pv-line);font-size:12px}.pv-stat-line strong{font-weight:500}
.pv-theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px 28px}.pv-theme-art{height:310px;padding:22px 34px 0;background:var(--pv-soft);overflow:hidden;border:1px solid var(--pv-line);border-radius:6px}.pv-article-frame{display:block;width:100%;height:650px;border:1px solid #ddd;border-radius:4px;background:white}.pv-article-frame-compact{height:600px;pointer-events:none}.pv-theme-label{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:17px}.pv-theme-label p{font-size:12px;color:var(--pv-muted);margin-top:7px}.pv-color-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px}.pv-theme-detail{display:grid;grid-template-columns:1fr .75fr;gap:65px;align-items:start;margin:25px 0 65px}.pv-theme-detail>div:first-child{padding:30px;background:var(--pv-soft);border:1px solid var(--pv-line);border-radius:8px}.pv-gallery-controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px}.pv-search{position:relative;max-width:320px;width:100%}.pv-search svg{position:absolute;top:13px;left:13px;color:var(--pv-muted)}.pv-search input{width:100%;min-height:44px;background:var(--pv-surface);color:var(--pv-ink);border:1px solid var(--pv-line);border-radius:5px;padding:10px 13px 10px 40px;font-size:12px}.pv-empty{text-align:center;padding:64px 20px;border:1px dashed var(--pv-line);border-radius:6px}.pv-empty p{margin:12px 0 24px;color:var(--pv-muted)}
.pv-pricing{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:60px}.pv-price-card{padding:35px;border:1px solid var(--pv-line);border-radius:6px;background:var(--pv-surface)}.pv-price-card-featured{border-color:var(--pv-accent)}.pv-price-top{display:flex;justify-content:space-between;gap:16px}.pv-price{font-family:var(--font-showcase-mono),monospace;font-size:56px;letter-spacing:-4px;line-height:1.3;margin:25px 0 8px!important}.pv-price small{font-family:var(--font-showcase-sans),sans-serif;font-size:12px;letter-spacing:0;color:var(--pv-muted);margin-left:12px}.pv-price-card>p:not(.pv-price){font-size:13px;color:var(--pv-muted)}.pv-price-card .pv-button{width:100%;margin-top:16px}.pv-price-card .pv-check-list{min-height:155px}.pv-faq{border-top:1px solid var(--pv-line)}.pv-faq details{border-bottom:1px solid var(--pv-line)}.pv-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-size:15px;font-weight:500}.pv-faq summary::-webkit-details-marker{display:none}.pv-faq summary:after{content:'+';font-size:22px;color:var(--pv-muted)}.pv-faq details[open] summary:after{content:'−'}.pv-faq details p{color:var(--pv-muted);font-size:14px;max-width:780px;padding-bottom:24px;line-height:1.9}.pv-cta-band{border-block:1px solid var(--pv-line);padding:51px 0;display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:35px}.pv-cta-band h2{font-size:clamp(23px,2.4vw,31px);margin-top:13px}.pv-cta-band p:not(.pv-eyebrow){font-size:13px;color:var(--pv-muted);margin-top:14px}.pv-cta-band .pv-actions{flex-direction:column;align-items:flex-start;margin:0;flex-shrink:0}
.pv-footer{padding:45px 0 25px}.pv-footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}.pv-footer p{font-size:12px;color:var(--pv-muted);margin-top:12px;max-width:260px}.pv-footer h3{font-size:12px;margin-bottom:15px}.pv-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:12px;color:var(--pv-muted)}.pv-footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:40px;border-top:1px solid var(--pv-line);padding-top:20px;font-size:10px;color:var(--pv-muted)}
.pv-dock{position:fixed;bottom:0;inset-inline:0;z-index:50;min-height:45px;background:#292d25;color:#ebede4;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 25px;font-family:var(--font-showcase-sans),sans-serif;font-size:11px;border-top:1px solid #4c5443;line-height:1.5}.pv-dock a{color:#e5eacb;display:inline-flex;align-items:center;gap:7px;padding:4px 7px;white-space:nowrap}.pv-dock a:hover{background:#3b4232}.pv-dock-links{display:flex;gap:15px}.pv-dock strong{font-weight:500}.pv-dock-label{display:flex;align-items:center;gap:10px}.pv-dock-label>span:first-child{width:6px;height:6px;background:#c7d3b6;border-radius:50%}.pv-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:11px;color:var(--pv-muted);padding-top:28px}.pv-breadcrumb>span{display:inline-flex;align-items:center;gap:9px}.pv-breadcrumb svg{width:12px}.pv-notice{overflow-wrap:anywhere;padding:22px 24px;background:var(--pv-soft);border:1px solid var(--pv-line);border-radius:5px;margin:24px 0;font-size:13px}.pv-notice strong{display:block;font-weight:500;margin-bottom:7px}.pv-notice div{color:var(--pv-muted);line-height:1.9}.pv-doc-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:55px;padding:40px 0 60px}.pv-doc-nav{position:sticky;top:25px;align-self:start}.pv-doc-nav p{font-size:10px;letter-spacing:.1em;color:var(--pv-muted);margin:23px 0 10px}.pv-doc-nav a{display:block;font-size:12px;padding:9px 11px;color:var(--pv-muted);border-left:1px solid var(--pv-line)}.pv-doc-nav a[aria-current=page]{border-color:var(--pv-accent);color:var(--pv-accent);background:var(--pv-accent-soft)}.pv-doc-main{min-width:0;max-width:850px}.pv-doc-main .pv-intro{padding:8px 0 35px}.pv-doc-main .pv-intro h1{font-size:37px}.pv-doc-main .pv-lead{font-size:14px}.pv-doc-section{margin:35px 0}.pv-doc-section>h2{font-size:24px;margin-bottom:18px}.pv-doc-section>p{color:var(--pv-muted);font-size:14px;margin-bottom:20px}.pv-table-wrap{max-width:100%;overflow-x:auto}.pv-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.pv-table th{font-weight:500;background:var(--pv-soft);padding:15px 16px;white-space:nowrap}.pv-table td{padding:17px 16px;border-bottom:1px solid var(--pv-line);vertical-align:top;line-height:1.9}.pv-table td:first-child{color:var(--pv-accent)}.pv-table code{overflow-wrap:anywhere}.pv-doc-article{font-size:14px;line-height:1.95;overflow-wrap:anywhere}.pv-doc-article h1{font-size:30px;margin:35px 0 20px}.pv-doc-article h2{font-size:25px;margin:40px 0 18px}.pv-doc-article h3{font-size:19px;margin:30px 0 14px}.pv-doc-article h4{font-size:16px;margin:24px 0 12px}.pv-doc-article p{margin:16px 0;color:var(--pv-muted)}.pv-doc-article ul,.pv-doc-article ol{padding-left:23px;margin:18px 0}.pv-doc-article ul{list-style:disc}.pv-doc-article ol{list-style:decimal}.pv-doc-article pre{overflow:auto;background:#282d25;color:#e5e9df;border-radius:5px;padding:20px;font-size:12px}.pv-doc-article code{font-family:var(--font-showcase-mono),monospace;font-size:.87em}.pv-doc-article a:not(.pv-button){color:var(--pv-accent);text-decoration:underline;text-underline-offset:4px}.pv-doc-article table{display:block;overflow:auto;max-width:100%;border-collapse:collapse;margin:23px 0;font-size:12px}.pv-doc-article td,.pv-doc-article th{padding:12px;border:1px solid var(--pv-line)}.pv-doc-article img{max-width:100%;height:auto}.pv-doc-article blockquote{margin:24px 0;padding:1px 24px;background:var(--pv-soft);border-left:2px solid var(--pv-accent)}
.pv-blog-feature{display:grid;grid-template-columns:.65fr 1fr;gap:45px;align-items:center;padding:34px;background:var(--pv-soft);border:1px solid var(--pv-line);border-radius:6px;margin-bottom:35px}.pv-blog-illustration{padding:25px 0 25px 15px;min-height:200px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;border-right:1px solid var(--pv-line)}.pv-blog-illustration strong{font-size:52px;letter-spacing:-4px;font-weight:400;font-family:var(--font-showcase-serif),serif}.pv-blog-illustration span{font-size:11px;letter-spacing:.1em;color:var(--pv-muted)}.pv-blog-feature h2{font-size:27px;margin:14px 0}.pv-blog-feature p{color:var(--pv-muted);font-size:13px}.pv-article-header{max-width:810px;padding:60px 0 35px;margin:auto}.pv-article-header h1{font-size:clamp(30px,3.6vw,45px);margin:20px 0}.pv-article-header>p{color:var(--pv-muted)}.pv-article-meta{display:flex;flex-wrap:wrap;gap:22px;font-size:11px;color:var(--pv-muted);margin-top:25px}.pv-article-body{max-width:810px;margin:0 auto 55px;border-top:1px solid var(--pv-line);padding-top:20px}.pv-catalog-group{margin:35px 0}.pv-catalog-group h2{font-size:21px;margin-bottom:18px}.pv-catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pv-catalog-card{border:1px solid var(--pv-line);border-radius:5px;padding:20px;display:flex;gap:15px;justify-content:space-between;align-items:flex-start;background:var(--pv-surface)}.pv-catalog-card:hover{border-color:var(--pv-accent)}.pv-catalog-card h3{font-size:14px}.pv-catalog-card p{font-size:11px;color:var(--pv-muted);margin-top:7px}.pv-catalog-card code{font-size:10px;overflow-wrap:anywhere;color:var(--pv-accent)}.pv-form{display:grid;gap:21px}.pv-field label{display:block;font-size:13px;font-weight:500;margin-bottom:8px}.pv-field input,.pv-field select,.pv-field textarea{width:100%;border:1px solid var(--pv-line);border-radius:5px;background:var(--pv-surface);color:var(--pv-ink);padding:12px;min-height:46px;font-size:13px}.pv-field textarea{min-height:110px;resize:vertical}.pv-field small{font-size:11px;color:var(--pv-muted)}.pv-form-error{font-size:12px;color:var(--pv-accent);margin-top:7px!important}.pv-contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;margin-bottom:65px}.pv-qr{width:150px;height:150px;-o-object-fit:contain;object-fit:contain;border:1px solid var(--pv-line);padding:8px;background:white;border-radius:5px}.pv-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.pv-swatch{height:85px;border:1px solid var(--pv-line);border-radius:4px;margin-bottom:10px}.pv-swatches p{font-size:12px}.pv-timeline{max-width:850px}.pv-timeline-item{display:grid;grid-template-columns:140px 1fr;gap:30px;padding:35px 0;border-top:1px solid var(--pv-line)}.pv-timeline-item time{font-size:11px;color:var(--pv-muted);font-family:var(--font-showcase-mono),monospace}.pv-timeline-item p{font-size:14px;color:var(--pv-muted);margin-top:13px}.pv-timeline-item a{margin-top:20px}.pv-local-status{font-size:12px;color:var(--pv-muted);margin-top:10px!important}.pv-skeleton{height:13px;background:var(--pv-line);border-radius:3px;animation:pv-breathe 1.8s ease-in-out infinite}.pv-reveal{animation:pv-reveal .55s ease both}@keyframes pv-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pv-breathe{50%{opacity:.4}}
@media(min-width:1500px){.pv-container{width:min(100% - 120px,1280px)}.pv-hero{padding-block:90px}}
@media(max-width:1100px){.pv-container{width:calc(100% - 56px)}.pv-nav{gap:19px}.pv-header-actions>.pv-desktop-secondary{display:none}.pv-hero{gap:36px}.pv-hero h1{font-size:45px}.pv-proof-sheet{width:90%;padding:24px 22px}.pv-doc-layout{gap:30px;grid-template-columns:170px minmax(0,1fr)}}
@media(max-width:800px){.pv-nav,.pv-header-actions>.pv-button{display:none}.pv-mobile-toggle{display:inline-flex}.pv-header{height:72px}.pv-hero{grid-template-columns:1fr;padding:48px 0;gap:47px}.pv-hero h1{font-size:clamp(34px,6.3vw,49px)}.pv-hero .pv-lead{max-width:550px}.pv-proof{max-width:520px;width:100%;margin:auto}.pv-proof-source{margin-left:-5px}.pv-assurance{grid-template-columns:1fr 1fr;gap:24px}.pv-section{padding-block:44px}.pv-workflow{grid-template-columns:1fr;gap:32px}.pv-feature-row{grid-template-columns:30px 1fr;gap:13px}.pv-feature-row p{grid-column:2}.pv-doc-layout{grid-template-columns:1fr;padding-top:24px}.pv-doc-nav{position:static;display:flex;flex-wrap:wrap;gap:5px}.pv-doc-nav p{display:none}.pv-doc-nav a{border:1px solid var(--pv-line);border-radius:4px;padding:6px 10px;font-size:11px}.pv-cta-band{flex-direction:column;align-items:flex-start}.pv-cta-band .pv-actions{flex-direction:row;align-items:center}.pv-theme-detail,.pv-contact-grid{grid-template-columns:1fr;gap:30px}.pv-theme-detail>div:first-child{padding:20px}.pv-blog-feature{grid-template-columns:1fr;gap:24px}.pv-blog-illustration{border:0;border-bottom:1px solid var(--pv-line);min-height:150px;padding:10px 0 25px}.pv-footer-top{grid-template-columns:1.3fr 1fr;row-gap:30px}.pv-price-card{padding:25px}.pv-dock{padding:8px 14px}.pv-dock-label .pv-dock-caption{display:none}.pv-dock-links{gap:4px}}
@media(max-width:520px){.pv-container{width:calc(100% - 36px)}.pv-logo{font-size:20px}.pv-header-actions{gap:8px}.pv-hero{padding-top:36px}.pv-hero .pv-lead{font-size:14px}.pv-hero h1{font-size:36px}.pv-proof{padding:18px 16px 0}.pv-proof-sheet{width:92%;padding:24px 20px}.pv-proof-sheet h3{font-size:22px}.pv-proof-source{width:91%;font-size:9px;margin-left:0}.pv-proof-caption{font-size:8px}.pv-intro{padding:40px 0 32px}.pv-intro h1{font-size:33px}.pv-lead{font-size:14px}.pv-grid-two,.pv-theme-grid,.pv-pricing,.pv-catalog-grid{grid-template-columns:1fr}.pv-section-heading{align-items:flex-start;flex-direction:column;gap:18px}.pv-theme-art{height:300px;padding:18px 24px 0}.pv-pricing{gap:20px}.pv-price-card .pv-check-list{min-height:0}.pv-price-card{padding:26px}.pv-panel{padding:23px}.pv-code pre{padding:18px;font-size:10px}.pv-search{max-width:none}.pv-contact-grid{gap:25px}.pv-dock{font-size:10px;gap:5px}.pv-dock-label>span:first-child{display:none}.pv-dock-links a{padding:4px 5px}.pv-dock-links svg{display:none}.pv-assurance{font-size:10px;gap:18px}.pv-assurance strong{font-size:12px}.pv-footer-top{grid-template-columns:1fr 1fr;gap:25px}.pv-footer-top>div:first-child{grid-column:1/-1}.pv-footer-bottom{flex-direction:column;gap:8px}.pv-timeline-item{grid-template-columns:1fr;gap:14px}.pv-swatches{grid-template-columns:1fr 1fr}.pv-doc-main .pv-intro h1{font-size:30px}.pv-article-header{padding-top:38px}.pv-table th,.pv-table td{padding:12px 10px}.pv-proof-foot{font-size:9px}.pv-button{padding:12px 17px;font-size:12px;gap:12px}.pv-proof-quote{font-size:14px}.pv-blog-feature{padding:24px}.pv-article-frame{height:620px}.pv-contact-grid .pv-button{white-space:normal}.pv-dock-label strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.preview-site *, .preview-site *:before,.preview-site *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.preview-editor{padding-top:0;padding-bottom:46px;--primary:12 59% 40%;--radius:5px}.preview-editor>div{background:#f7f6f2}.preview-editor header{top:0;background:#fffefa;border-bottom-color:#deded4;backdrop-filter:none;box-shadow:none}.preview-editor header button{border-radius:5px}.preview-editor header .bg-gradient-to-r{background-image:none;background-color:#a3432a}.preview-editor main>div>div:first-child{border:1px solid #deded4;box-shadow:none;border-radius:6px}.preview-editor textarea{font-size:13px!important;line-height:1.9!important}.preview-editor footer{background:#fffefa;border-color:#deded4}.dark .preview-editor>div{background:#20221e}.dark .preview-editor header,.dark .preview-editor footer{background:#282b25;border-color:#44473f}.dark .preview-editor main>div>div:first-child{border-color:#44473f}.dark .preview-editor{--primary:17 74% 75%}.dark .preview-editor header .bg-gradient-to-r{background-color:#a3432a}

/* Keep intrinsic code widths inside the shared responsive grids. */
.pv-hero>*,.pv-workflow>*,.pv-grid-two>*,.pv-theme-detail>*,.pv-contact-grid>*,.pv-catalog-grid>*,.pv-blog-feature>*{min-width:0}
.pv-code{max-width:100%}.pv-code-top{overflow-wrap:anywhere}.pv-code-top button{flex-shrink:0}

.pv-brand-mark{width:36px;height:36px;-o-object-fit:contain;object-fit:contain}.preview-site[data-mode=dark] .pv-brand-mark{filter:brightness(1.55) saturate(.8)}

/* The homepage reading sample stays at reading size, with no cropped article. */
#made-to-be-read{scroll-margin-top:90px}.pv-reading-showcase{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}.pv-reading-kicker{font-size:12px;color:var(--pv-muted);margin-bottom:20px!important}.pv-reading-choices{display:grid;gap:10px}.pv-reading-choices button{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:18px;border:1px solid var(--pv-line);border-radius:5px;background:transparent;color:var(--pv-ink);transition:background .2s,border-color .2s}.pv-reading-choices button[aria-pressed=true]{border-color:var(--pv-accent);background:var(--pv-accent-soft)}.pv-reading-choices button:hover{background:var(--pv-soft)}.pv-reading-choices button>span:nth-child(2){flex:1}.pv-reading-choices strong{display:block;font-size:16px;font-weight:500}.pv-reading-choices small{display:block;font-size:12px;color:var(--pv-muted);margin-top:4px}.pv-reading-choices .pv-color-dot{flex-shrink:0;margin:0}.pv-reading-points{margin:38px 0 22px}.pv-reading-points h3{font-size:20px}.pv-reading-points dl{margin:22px 0 0}.pv-reading-points dl>div{padding:16px 0;border-bottom:1px solid var(--pv-line)}.pv-reading-points dt{font-size:13px;font-weight:500}.pv-reading-points dd{margin:6px 0 0;font-size:13px;color:var(--pv-muted)}.pv-reading-caption{font-size:12px;color:var(--pv-muted);line-height:1.9}.pv-reading-aside .pv-actions{align-items:flex-start;flex-direction:column;gap:18px}.pv-reading-output{min-width:0;border:1px solid var(--pv-line);border-radius:6px;overflow:hidden;background:white;box-shadow:0 14px 50px #39312409}.pv-reading-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--pv-soft);padding:17px 22px;color:var(--pv-ink)}.pv-reading-toolbar span{font-size:12px}.pv-reading-toolbar small{display:block;font-size:10px;color:var(--pv-muted);margin-top:3px}.pv-reading-toolbar button{border:1px solid var(--pv-line);background:var(--pv-surface);border-radius:4px;font-size:12px;white-space:nowrap;padding:8px 12px}.pv-reading-frame{display:block;width:100%;height:1100px;border:0;background:white}.pv-reading-source{margin:0;padding:26px;color:#34352f;background:#fffefa;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.9 ui-monospace,monospace}.pv-reading-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--pv-surface);padding:16px 22px;border-top:1px solid var(--pv-line);font-size:10px;color:var(--pv-muted)}.pv-reading-bottom a{font-size:12px}@media(max-width:800px){.pv-reading-showcase{grid-template-columns:1fr;gap:28px}.pv-reading-points{margin:24px 0 16px}.pv-reading-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.pv-reading-choices button{padding:14px 10px;gap:8px}.pv-reading-choices button>span:last-child{display:none}.pv-reading-choices small{font-size:10px}.pv-reading-choices strong{font-size:13px}.pv-reading-aside .pv-actions{flex-direction:row;align-items:center}}@media(max-width:520px){.pv-reading-choices{grid-template-columns:1fr}.pv-reading-choices button{padding:12px 15px}.pv-reading-choices button>span:last-child{display:block}.pv-reading-choices small{font-size:11px}.pv-reading-choices strong{font-size:15px}.pv-reading-points{display:none}.pv-reading-caption{margin-top:18px!important}.pv-reading-aside .pv-actions{flex-direction:column;align-items:flex-start}.pv-reading-toolbar{padding:14px}.pv-reading-bottom{padding:14px;flex-wrap:wrap}.pv-reading-source{padding:16px;font-size:11px}}

/* A collection of complete article studies, not embedded browser windows. */
.pv-portfolio-intro{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:0 0 48px;border-bottom:1px solid var(--pv-line)}.pv-portfolio-intro>p{font-size:14px;color:var(--pv-muted);line-height:1.9}.pv-portfolio-intro .pv-actions{margin:0}.pv-portfolio-filter{padding:36px 0 30px}.pv-portfolio-filter .pv-gallery-controls{margin-bottom:24px;gap:24px}.pv-portfolio-count{display:flex;justify-content:space-between;gap:18px;font-size:12px;color:var(--pv-muted);padding-top:20px;border-top:1px solid var(--pv-line)}.pv-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:54px 28px;align-items:start}.pv-work-card{min-width:0}.pv-work-link{display:block}.pv-work-heading{display:flex;align-items:center;gap:12px;padding:0 0 16px;min-height:48px}.pv-work-heading>span{font-size:10px;color:var(--pv-muted)}.pv-work-heading h2{flex:1;font-size:17px!important;letter-spacing:0!important;line-height:1.4!important}.pv-work-heading>svg{width:17px;flex-shrink:0;color:var(--pv-muted);transition:transform .2s}.pv-work-heading .pv-color-dot{width:7px;height:7px;margin-right:7px}.pv-work-stage{padding:16px;background:var(--pv-soft);border-radius:3px;transition:background .2s;overflow:hidden}.pv-work-link:hover .pv-work-stage{background:var(--pv-accent-soft)}.pv-work-link:hover .pv-work-heading>svg{transform:translateX(4px);color:var(--pv-accent)}.pv-portfolio-article{position:relative;max-width:100%;overflow:hidden;background:#fff}.pv-portfolio-article iframe{display:block;border:0;background:white;transform-origin:top left}.pv-portfolio-article.is-miniature{pointer-events:none}.pv-work-caption{padding-top:18px}.pv-work-caption p{font-size:12px;color:var(--pv-muted);line-height:1.8}.pv-work-caption>span{display:inline-flex;align-items:center;gap:10px;font-size:12px;margin-top:10px;color:var(--pv-accent)}.pv-work-caption svg{width:14px}.pv-portfolio-more{display:flex;justify-content:center;padding:48px 0 16px}.pv-portfolio-close{margin:72px 0 28px;padding:42px 0;border-top:1px solid var(--pv-line);display:flex;justify-content:space-between;gap:36px;align-items:center}.pv-portfolio-close h2{font-size:28px;margin:12px 0}.pv-portfolio-close>div>p:last-child{font-size:13px;color:var(--pv-muted);max-width:530px}.pv-portfolio-close .pv-actions{margin:0;flex-direction:column;align-items:flex-start}.pv-theme-detail>div:first-child:has(.pv-portfolio-article){padding:0;background:white;border:1px solid var(--pv-line);border-radius:4px;overflow:hidden}@media(max-width:1000px){.pv-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 24px}.pv-portfolio-intro,.pv-portfolio-close{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.pv-work-grid{grid-template-columns:1fr;gap:38px}.pv-portfolio-filter{padding:28px 0}.pv-portfolio-count{font-size:11px}.pv-work-stage{padding:14px}.pv-work-heading h2{font-size:19px!important}.pv-portfolio-intro{padding-bottom:30px}.pv-portfolio-intro .pv-actions{gap:18px}.pv-portfolio-close{margin-top:48px}.pv-work-caption{padding-top:14px}}

/* Shared reading and interaction rhythm across marketing, documentation and tools. */
.preview-site h1{letter-spacing:-.035em}.preview-site h2{letter-spacing:-.025em}.pv-section-heading>div{min-width:0}.pv-section-heading>.pv-text-link{flex-shrink:0;white-space:nowrap}.pv-icon-button{width:var(--pv-control-target);height:var(--pv-control-target)}.pv-text-link{min-height:36px}.pv-tabs .pv-tab,.pv-code-tabbar .pv-tab{min-height:44px}.pv-code-top button{min-height:36px}.pv-text-link:hover{gap:10px}.pv-text-link svg{transition:transform .18s}.pv-text-link:hover svg{transform:translateX(3px)}.pv-feature-proof{min-width:0}.pv-feature-proof>.pv-eyebrow{font-size:11px;letter-spacing:.03em}.pv-feature-proof .pv-portfolio-article{border:1px solid var(--pv-line);border-radius:4px}.pv-doc-article{font-size:var(--pv-text-reading);line-height:var(--pv-leading-reading)}.pv-doc-article p{color:var(--pv-ink)}.pv-doc-article>p,.pv-doc-article>ul,.pv-doc-article>ol{max-width:76ch}.pv-doc-article pre{font-size:13px}.pv-article-header,.pv-article-body{max-width:760px}.pv-doc-menu-toggle{display:none}.pv-doc-nav-links{display:block}.preview-editor button{border-radius:5px}.preview-editor [class~="bottom-5"]{bottom:72px}.preview-editor header [class~="backdrop-blur-sm"]{border-radius:5px}.preview-editor header{font-family:var(--font-showcase-sans),sans-serif}.pv-reveal{animation:none}
@media(max-width:800px){.pv-doc-nav{display:block}.pv-doc-menu-toggle{display:flex;width:100%;justify-content:space-between;align-items:center;gap:15px;padding:13px 14px;background:var(--pv-surface);border:1px solid var(--pv-line);border-radius:5px;color:var(--pv-ink);font-size:12px;min-height:46px}.pv-doc-menu-toggle>span:last-child{color:var(--pv-accent)}.pv-doc-nav[data-open=false] .pv-doc-nav-links{display:none}.pv-doc-nav-links{padding:10px 0 16px;border-bottom:1px solid var(--pv-line)}.pv-doc-nav-links p{display:block;margin:14px 0 8px}.pv-doc-nav-links a{min-height:44px;padding:10px 12px;border:0;border-left:1px solid var(--pv-line);border-radius:0;font-size:13px}.pv-code pre{font-size:12px}.pv-button-small{min-height:44px}.pv-reading-toolbar button{min-height:44px}}
@media(max-width:420px){.preview-editor header{padding-inline:12px;gap:8px}.preview-editor header>div:first-child{min-width:0;gap:0}.preview-editor header>div:first-child>div{display:none}.preview-editor header button[aria-label]{min-width:44px;min-height:44px}.preview-editor header>.md\:hidden{flex-shrink:0}}
@media(min-width:768px) and (max-width:1100px){.preview-editor header>div:first-child>div>p,.preview-editor header>div:first-child>div[class~="md:flex"]{display:none}.preview-editor header>div:first-child{min-width:0}.preview-editor header>div:last-child{flex-shrink:0}}

/* The production site does not contain the review dock. */
.preview-site{padding-bottom:0}
.preview-editor [class~="bottom-5"]{bottom:calc(20px + env(safe-area-inset-bottom))}

/* Homepage migration hint: ordinary content, no overlay or navigation side effect. */
.pv-editor-entry{display:flex;flex-wrap:wrap;align-items:center;-moz-column-gap:12px;column-gap:12px;margin-top:12px;font-size:12px;line-height:1.8;color:var(--pv-muted)}.pv-editor-entry p{margin:0}.pv-editor-entry a{display:inline-flex;align-items:center;min-height:var(--pv-control-target);color:var(--pv-accent);text-decoration:underline;text-underline-offset:4px;white-space:nowrap}

/* Module case library: one reading surface, no nested scroll region. */
.preview-site .pv-module-library{scroll-margin-top:100px}
.preview-site .pv-module-library-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:40px}
.preview-site .pv-module-library-heading>div{max-width:700px}
.preview-site .pv-module-library-heading h2{font-size:clamp(28px,3.4vw,44px);line-height:1.25;letter-spacing:-.04em;margin:12px 0 20px}
.preview-site .pv-module-library-heading p:not(.pv-eyebrow){color:var(--pv-muted);line-height:1.85}
.preview-site .pv-module-tools{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.preview-site .pv-module-tools .pv-search{width:440px;max-width:100%}
.preview-site .pv-module-tools>p,.preview-site .pv-module-result{color:var(--pv-muted);font-size:13px}
.preview-site .pv-module-filters{flex-wrap:wrap;gap:8px;overflow:visible}
.preview-site .pv-module-result{display:flex;justify-content:space-between;gap:16px;margin:24px 0 32px;padding-top:20px;border-top:1px solid var(--pv-line)}
.preview-site .pv-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px;align-items:start}
.preview-site .pv-module-case{min-width:0;border-top:1px solid var(--pv-line);padding-top:24px}
.preview-site .pv-module-case header{margin-bottom:24px;min-height:142px}
.preview-site .pv-module-case h3{font-size:25px;line-height:1.4;margin:8px 0 12px;letter-spacing:-.025em}
.preview-site .pv-module-case header>p{color:var(--pv-muted);font-size:15px;line-height:1.8;margin:0}
.preview-site .pv-module-output{background:#fff;border:1px solid var(--pv-line);border-radius:8px;overflow:hidden}
.preview-site .pv-module-source{margin-top:16px;font-size:14px}
.preview-site .pv-module-source summary{cursor:pointer;padding:12px 0;display:flex;gap:12px;justify-content:space-between;align-items:center;font-weight:600}
.preview-site .pv-module-source summary::before{content:'+';color:var(--pv-accent)}
.preview-site .pv-module-source[open] summary::before{content:'−'}
.preview-site .pv-module-source summary span{margin-left:auto;font-size:11px;color:var(--pv-muted);overflow-wrap:anywhere}
.preview-site .pv-module-source>p{color:var(--pv-muted);line-height:1.8}
.preview-site .pv-module-next{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:36px 0;margin-top:56px;border-block:1px solid var(--pv-line)}
.preview-site .pv-module-next>div:first-child{max-width:620px}
.preview-site .pv-module-next h3{font-size:28px;margin:0 0 12px}
.preview-site .pv-module-next p{color:var(--pv-muted);line-height:1.85;margin:0}
@media(max-width:760px){.preview-site .pv-module-library-heading,.preview-site .pv-module-next{display:block}.preview-site .pv-module-library-heading>.pv-text-link{margin-top:16px}.preview-site .pv-module-tools,.preview-site .pv-module-result{align-items:start;flex-direction:column;gap:8px}.preview-site .pv-module-grid{grid-template-columns:minmax(0,1fr);gap:36px}.preview-site .pv-module-case header{min-height:0}.preview-site .pv-module-next .pv-actions{margin-top:24px}.preview-site .pv-module-filters .pv-tab{padding:10px 12px;font-size:13px}}

/* Website code surfaces own both background and syntax colors. Keep editor output isolated. */
.preview-site .pv-doc-article pre,
.preview-site .pv-code{--pv-code-bg:#282d25;--pv-code-ink:#e6e8df;--pv-code-warm:#f0b49b;--pv-code-green:#b9d6aa;--pv-code-muted:#b8c0af;--pv-code-blue:#acd5e5;--pv-code-violet:#d6bde5;background:var(--pv-code-bg);color:var(--pv-code-ink)}
.preview-site .pv-doc-article pre code,
.preview-site .pv-doc-article pre .hljs,
.preview-site .pv-code code{color:var(--pv-code-ink);background:transparent;font-size:inherit}
.preview-site .pv-doc-article pre [class*="hljs-"]{color:inherit}
.preview-site .pv-doc-article pre :is(.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-section,.hljs-link,.hljs-number,.hljs-regexp,.hljs-tag){color:var(--pv-code-warm)}
.preview-site .pv-doc-article pre :is(.hljs-string,.hljs-title,.hljs-name,.hljs-type,.hljs-attribute,.hljs-symbol,.hljs-bullet,.hljs-addition,.hljs-variable,.hljs-template-tag,.hljs-template-variable){color:var(--pv-code-green)}
.preview-site .pv-doc-article pre :is(.hljs-comment,.hljs-quote,.hljs-deletion,.hljs-meta){color:var(--pv-code-muted)}
.preview-site .pv-doc-article pre :is(.hljs-built_in,.hljs-builtin-name){color:var(--pv-code-blue)}
.preview-site .pv-doc-article pre :is(.hljs-attr,.hljs-function .hljs-title,.hljs-class .hljs-title){color:var(--pv-code-violet)}