@font-face{font-family:Inter;src:url('/assets/fonts/inter-latin-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('/assets/fonts/space-grotesk-latin-variable.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}
:root{color-scheme:light;--ink:#18254b;--muted:#58637c;--plum:#3452e8;--cream:#ffffff;--line:#203a7815;--panel:#ffffff;--panel-raised:#f1f4ff;--lime:#3452e8;--violet:#7441da;--display:'Space Grotesk',Inter,system-ui,sans-serif;--gutter:clamp(20px,5vw,80px);font:16px/1.6 Inter,system-ui,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}
*{box-sizing:border-box}html{scroll-padding-top:7rem}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}a{color:inherit;text-underline-offset:.3em}button,summary{cursor:pointer}button:disabled{opacity:.5;cursor:wait}p{line-height:1.75}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.12;letter-spacing:-.055em;text-wrap:balance;margin:0 0 1rem;overflow-wrap:anywhere}h1{font-size:clamp(3rem,6vw,5.5rem)}h2{font-size:clamp(2rem,3.4vw,3.4rem)}h3{font-size:1.4rem;letter-spacing:-.035em}em{font-style:normal;color:var(--lime)}main{max-width:1440px;margin:auto;container:page / inline-size}section{padding:4rem var(--gutter)}[hidden]{display:none!important}::selection{background:#dfe6ff;color:#18254b}:focus-visible{outline:2px solid var(--lime);outline-offset:5px}img{max-width:100%;height:auto}code{font-size:.875em;overflow-wrap:anywhere}small{font-size:.8125rem}.eyebrow{font:600 .75rem/1.5 Inter,system-ui;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 1.5rem}.lead{font-size:1.125rem;color:var(--muted);max-width:46rem;line-height:1.75}.fine{font-size:.8125rem;color:var(--muted)}.light-text{color:var(--muted)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:3.25rem;padding:.85rem 1.4rem;border:1px solid var(--lime);border-radius:.65rem;background:var(--lime);color:#ffffff;font-size:.9375rem;font-weight:650;letter-spacing:-.025em;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{background:#2541c9;box-shadow:0 4px 22px #3452e814;transform:translateY(-2px)}.button.secondary,.button.light{background:transparent;color:var(--ink);border-color:#203a7836}.button.secondary:hover,.button.light:hover{background:#203a780b;border-color:#203a7860}.button.small{min-height:2.75rem;padding:.65rem 1rem}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem;margin:2rem 0}.text-link{font-size:.9375rem;font-weight:550;color:var(--lime);text-decoration:none;display:inline-block;line-height:1.7}.text-link:hover{text-decoration:underline}.text-button{padding:.65rem 0;min-height:2.75rem;border:0;background:transparent;color:var(--lime);font:500 .875rem Inter;cursor:pointer;text-decoration:underline;text-underline-offset:.25em}.skip{position:fixed;z-index:100;top:-10rem;left:1rem;border:1px solid var(--lime);padding:.8rem 1.2rem;border-radius:.5rem;background:#eef2ff;color:var(--lime)}.skip:focus{top:1rem}
/* The shared shell. */
.release-bar{display:flex;justify-content:center;align-items:center;gap:1.5rem;min-height:2.5rem;padding:.4rem var(--gutter);background:#3452e80b;color:#53607f;border-bottom:1px solid #3452e814;font-size:.75rem}.release-bar>a{display:flex;align-items:center;gap:.6rem;color:var(--lime);text-decoration:none}.release-bar>a:hover{text-decoration:underline}.release-label{font-size:.75rem;font-weight:650;letter-spacing:.04em;padding:.15rem .4rem;border:1px solid #3452e836;border-radius:.25rem}
.site-header{container:site-navigation / inline-size;position:sticky;top:0;z-index:40;background:#fffffff5;backdrop-filter:blur(24px);border-bottom:1px solid var(--line)}.header-inner{max-width:1440px;margin:auto;min-height:5.5rem;padding:.8rem var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;flex-shrink:0}.brand-mark{width:2.5rem;height:2.5rem;display:grid;place-items:center;color:var(--lime);background:#3452e810;border:1px solid #3452e829;border-radius:.65rem;font:1.9rem/1 system-ui}.brand-name{font:500 1.2rem/1 var(--display);letter-spacing:-.06em}.brand-name strong{font-weight:650}.brand-name small{display:block;font:500 .75rem/1 Inter;letter-spacing:.12em;margin-top:.5rem;color:var(--muted)}
#main-navigation{display:flex;align-items:center;gap:.3rem;font-size:.875rem}#main-navigation a{text-decoration:none}.nav-link,.nav-group>summary{display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:2.875rem;padding:.7rem .85rem;border-radius:.5rem;line-height:1.4;font-weight:500;white-space:nowrap;list-style:none;transition:color .2s,background .2s}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary::marker{content:''}.nav-link:hover,.nav-group>summary:hover,.nav-group[open]>summary{background:#203a7808;color:var(--lime)}.nav-chevron{width:.4rem;height:.4rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}.nav-group[open] .nav-chevron{transform:rotate(225deg)}.nav-group{position:relative}.nav-panel{position:absolute;top:calc(100% + .65rem);left:-1rem;width:36rem;display:grid;grid-template-columns:1.1fr 1fr;padding:.6rem;border:1px solid #203a7824;border-radius:1rem;background:#ffffff;box-shadow:0 24px 65px #23377824;z-index:1}.nav-panel::before{content:'';position:absolute;left:-1px;right:-1px;top:-.8rem;height:.8rem}.nav-panel-links{padding:.5rem}.nav-caption{display:block;font-size:.75rem;font-weight:550;letter-spacing:.06em;text-transform:uppercase;color:#62708b;line-height:1.5;padding:.5rem .75rem .85rem}.nav-panel a{display:block;padding:.9rem .75rem;border-radius:.6rem;transition:background .2s}.nav-panel a:hover{background:#203a7806}.nav-panel a>strong{display:block;font-size:.9375rem;font-weight:600;line-height:1.4}.nav-panel a>span:not(.nav-caption):not(.nav-feature-mark){display:block;color:#58637c;font-size:.8125rem;line-height:1.5;margin-top:.3rem}.nav-panel .nav-feature{background:linear-gradient(140deg,#3452e81a,#7441da10);border:1px solid #3452e814;padding:1.5rem;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.nav-feature .nav-feature-mark{font:3.5rem/1 system-ui;color:var(--lime);margin-bottom:1.2rem}.nav-feature .nav-caption{padding:0;margin-bottom:.75rem}.nav-panel .nav-feature>strong{font:500 1.8rem/1.12 var(--display);letter-spacing:-.04em}.nav-panel .nav-feature>span:last-child{margin-top:1.5rem;color:var(--lime)}.resources-panel{width:23rem;display:block;left:-4rem}.nav-panel-bottom{display:flex;justify-content:space-between;gap:.5rem;border-top:1px solid var(--line);padding:.5rem .5rem 0}.nav-panel-bottom a{font-size:.8125rem}.nav-tag{font-size:.75rem;padding:.15rem .35rem;border:1px solid #3452e829;background:#3452e80d;color:var(--lime);border-radius:3px;margin-left:.4rem;white-space:nowrap}.nav-group:has([aria-current=page])>summary,#main-navigation .nav-link[aria-current=page]{color:var(--lime)}.nav-panel a[aria-current=page]{background:#3452e80a;color:var(--lime)}.demo-link{margin-left:.75rem;border-left:1px solid var(--line);border-radius:0;padding-left:1.2rem}.play-icon{font-family:system-ui;font-size:1.125rem}.nav-cta{min-height:2.875rem;padding:.7rem 1.1rem;font-size:.875rem;margin-left:.6rem;white-space:nowrap}.menu-toggle{display:none}
/* Home: a bold introduction, followed by practical product stories. */
.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:680px;padding-top:5rem;padding-bottom:4rem;gap:0;position:relative;isolation:isolate}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(3.6rem,6.55vw,6.4rem);line-height:1.03;letter-spacing:-.07em;margin:1.5rem 0}.hero .eyebrow{display:flex;align-items:center;gap:.7rem;font-size:.75rem;letter-spacing:.08em}.edition-pill{display:inline-block;padding:.35rem .6rem;border:1px solid #3452e838;background:#3452e808;border-radius:2rem;color:var(--lime);font-size:.75rem;white-space:nowrap}.hero .lead{max-width:30rem}.hero .actions{margin-top:2rem;margin-bottom:1.65rem}.hero-facts{display:flex;flex-wrap:wrap;gap:.7rem 1rem;color:#586780;font-size:.75rem}.hero-facts span{display:inline-flex;align-items:center;gap:.5rem}.hero-facts span::before{content:"✓";color:var(--lime);font-weight:600}.hero-visual{position:relative;min-width:0;align-self:stretch;display:flex;align-items:center;isolation:isolate}.hero-visual>img{width:140%;max-width:none;position:absolute;left:-29%;top:50%;transform:translateY(-50%);z-index:-1;mask-image:linear-gradient(to right,transparent,#000 15%,#000 92%,transparent);pointer-events:none}.hero-save{display:flex;align-items:center;gap:.85rem;border:1px solid #203a7827;background:#ffffffee;backdrop-filter:blur(15px);border-radius:.9rem;padding:1.1rem 1.25rem;position:absolute;right:0;bottom:3.4rem;box-shadow:0 20px 40px #23377814;max-width:100%;animation:none}.hero-save strong{display:block;font-size:.9375rem;font-weight:500}.hero-save div>span{display:block;font-size:.75rem;color:var(--muted);margin-top:.25rem}.save-heart{font:1.7rem/1 system-ui;color:var(--lime);padding:.5rem;background:#3452e812;border-radius:.65rem}.save-check{display:grid;place-items:center;width:1.4rem;height:1.4rem;background:var(--lime);color:#ffffff;border-radius:50%;font-size:.75rem;margin-left:1.1rem}.hero-visual-link{display:flex;justify-content:space-between;gap:1.5rem;align-items:center;position:absolute;bottom:0;right:0;text-decoration:none;font-size:.75rem;color:var(--muted)}.hero-visual-link:hover{color:var(--lime)}.trust-strip{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;padding:1.6rem 0;margin:0 var(--gutter);border-block:1px solid var(--line);font-size:.8125rem;color:var(--muted)}.trust-strip>span:first-child{font-size:.75rem;letter-spacing:.12em;max-width:7rem}.trust-strip strong{font:600 1.3rem var(--display);color:#293759;letter-spacing:-.04em}
.home-section{padding-top:6rem;padding-bottom:3rem}.section-heading{display:flex;justify-content:space-between;gap:2rem;align-items:flex-end;margin-bottom:2rem}.section-heading h2{margin:0;max-width:42rem}.section-heading .text-link{white-space:nowrap}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.benefit-card{border:1px solid var(--line);border-radius:1.15rem;background:linear-gradient(145deg,#eaf3ff,#ffffff);padding:2rem;min-width:0;display:flex;flex-direction:column}.benefit-return{background:linear-gradient(145deg,#f0ebff,#ffffff)}.benefit-insight{background:linear-gradient(145deg,#e5f8f5,#ffffff)}.tile-number{font:500 .75rem/1.5 Inter;letter-spacing:.09em;color:var(--muted);margin-bottom:2.2rem}.benefit-card h3{font-size:1.8rem;letter-spacing:-.05em}.benefit-card p{font-size:.9375rem;color:var(--muted);margin:0 0 2rem}.mini-save,.mini-event{margin-top:auto;display:flex;align-items:center;gap:.75rem;border:1px solid #203a7816;border-radius:.7rem;background:#ffffffb3;padding:.9rem;font-size:.75rem}.mini-save>span:first-child{color:var(--lime);font:1.5rem system-ui}.mini-save small,.mini-event small{display:block;font-size:.75rem;color:var(--muted);margin-top:.3rem}.mini-label{margin-left:auto;font-size:.75rem;color:var(--lime);padding:.25rem .4rem;background:#3452e80e;border:1px solid #3452e822;border-radius:4px;white-space:nowrap}.event-line{width:3px;height:2.25rem;background:var(--violet);border-radius:3px;flex-shrink:0}.journey-flow{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;font-size:.75rem;padding:1rem 0;color:var(--muted)}.journey-flow span:not([aria-hidden]){padding:.4rem .55rem;border:1px solid #203a7825;border-radius:5px;color:var(--ink)}.home-workflow{display:grid;grid-template-columns:1.3fr 1fr;gap:5rem;padding-top:5rem;padding-bottom:6rem}.home-workflow>div>p:not(.eyebrow){max-width:36rem;color:var(--muted)}.home-workflow h2{font-size:clamp(2rem,3.2vw,3rem)}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.steps>li>span{font:500 .75rem var(--display);color:var(--lime);padding-top:.2rem}.steps h3{font-size:1.2rem;margin-bottom:.4rem}.steps p{color:var(--muted);font-size:.875rem;margin:0}
/* Inner pages have compact, purposeful layouts. */
.intro{padding-top:2rem;padding-bottom:2.5rem}.intro-path,.guide-breadcrumb{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;font-size:.75rem;color:#66708b;margin-bottom:2.5rem}.intro-path a,.guide-breadcrumb a{text-decoration:none;color:#475674}.intro-path a:hover,.guide-breadcrumb a:hover{color:var(--lime)}.intro h1{margin-bottom:1.5rem;max-width:65rem}.intro .eyebrow{margin-bottom:1rem}.intro .lead{margin-bottom:0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.cards article{padding:1.75rem;border:1px solid var(--line);background:var(--panel);border-radius:1rem}.cards p{color:var(--muted)}.cards h2{font-size:1.7rem}.band{display:flex;justify-content:space-between;align-items:center;gap:3rem;margin:2rem var(--gutter) 4rem;padding:3rem;border:1px solid #3452e830;border-radius:1rem;background:linear-gradient(120deg,#3452e80c,#7441da07)}.band h2{font-size:clamp(2rem,3.3vw,3rem)}.band p{color:var(--muted);max-width:38rem}.band .button{flex-shrink:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.split p,.split ol{color:var(--muted)}.feature-story{padding:2.5rem;margin:2rem var(--gutter);border-radius:1rem;background:var(--panel);border:1px solid var(--line)}.feature-story h2{font-size:2.5rem}.feature-story ol{padding-left:1.2rem;line-height:2}.feature-section{padding-top:1rem;padding-bottom:3rem}.feature-section .section-head{display:grid;grid-template-columns:4rem 1fr;align-items:baseline;gap:1rem;border-top:1px solid var(--line);padding-top:2rem;margin-bottom:1.5rem}.feature-section .section-head .eyebrow{font:500 1.25rem var(--display);color:var(--lime)}.feature-section .section-head h2{font-size:2.15rem}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.feature-grid article{padding:1.75rem;background:var(--panel);border:1px solid var(--line);border-radius:.9rem}.feature-grid article:first-child{background:linear-gradient(135deg,#3452e809,var(--panel))}.feature-grid h3{font-size:1.25rem;margin-bottom:.9rem}.feature-grid p{font-size:.9375rem;color:var(--muted);margin-bottom:0}
.table-wrap{overflow:auto;padding-top:1rem}table{width:100%;border-collapse:collapse;font-size:.9375rem;min-width:620px;text-align:left}caption{text-align:left;font-size:.8125rem;color:var(--muted);padding-bottom:1.5rem}th,td{padding:1.15rem 1rem;border-bottom:1px solid var(--line);line-height:1.6}th{background:#eef2fc;color:var(--ink);font-weight:600;font-size:.875rem}th:first-child{border-radius:.7rem 0 0 .7rem}th:last-child{border-radius:0 .7rem .7rem 0}tbody tr:nth-child(even){background:#203a7802}tr td:first-child{width:55%}td:nth-child(3){color:var(--lime)}.page-free-pro .prose{margin:0 var(--gutter) 3rem;background:var(--panel);border:1px solid var(--line);border-radius:1rem;max-width:none;padding:2rem}
.currency-select{display:flex;gap:1rem;align-items:center;justify-content:flex-end;padding:0 var(--gutter);font-size:.875rem}.currency-select select{width:auto}.pricing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;padding-top:1.5rem;padding-bottom:1rem;max-width:1200px}.pricing article{padding:2.5rem;border:1px solid #203a7821;border-radius:1.2rem;background:var(--panel);display:flex;flex-direction:column;min-width:0}.pricing article.pro{border-color:#3452e850;background:radial-gradient(at 100% 0%,#3452e817,transparent 65%),#f4f7ff}.pricing article .eyebrow{margin-bottom:1.5rem;color:var(--lime)}.pricing h2{font-size:clamp(2rem,4vw,4rem);overflow-wrap:anywhere;letter-spacing:-.05em}.pricing article>p{color:var(--muted);font-size:.9375rem}.pricing article>ul{list-style:none;padding:0;margin:1.5rem 0 2rem;flex:1}.pricing li{padding:.7rem 0;border-top:1px solid var(--line);font-size:.9375rem}.pricing li::before{content:'✓';color:var(--lime);margin-right:.75rem}.pricing .button{width:100%}.pricing .pro .button{background:var(--lime);color:#ffffff;border-color:var(--lime)}.pricing .fine{font-size:.8125rem}.status{border:1px solid var(--line);padding:.8rem;border-radius:.5rem}
.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;padding-top:1rem}.download-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;border:1px solid #203a7821;border-radius:1rem;background:var(--panel);padding:2rem;min-width:0}.download-card:nth-child(2){border-color:#7441da38;background:linear-gradient(130deg,#7441da0a,var(--panel))}.download-card .eyebrow{color:var(--lime);margin-bottom:2rem}.download-card h2{font:600 1.8rem var(--display);letter-spacing:-.04em}.download-card p{color:var(--muted);font-size:.9375rem}.download-card .button{margin-top:auto}.download-card details{width:100%;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.8125rem;color:var(--muted)}.download-card summary{min-height:2.5rem}.download-card code{display:block;padding:1rem 0;word-break:break-all;font-size:.75rem}.download-card.connector{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:.25rem 2rem;background:transparent}.download-card.connector .button{grid-column:2;grid-row:1/4;align-self:center;margin:0}.download-card.connector .eyebrow,.download-card.connector p{margin:0}.download-card.connector h2{font-size:1.3rem;margin:.35rem 0}.download-card.connector details{grid-column:1/-1}
/* A documentation workspace, with a clear reading column. */
.docs-hub{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:end;padding-top:2rem;padding-bottom:2.75rem}.docs-hub h1{font-size:clamp(2.5rem,4.2vw,4rem);letter-spacing:-.05em}.docs-hub .lead{font-size:1rem;max-width:36rem}.docs-hub .eyebrow{color:var(--lime)}.docs-search{border:1px solid #203a7820;border-radius:1rem;padding:1.6rem;background:linear-gradient(125deg,#3452e808,#f4f6ff);margin-bottom:1rem}.docs-search label{display:block;font-size:.9375rem;font-weight:550;margin-bottom:1rem}.search-field{display:flex;gap:.7rem;align-items:center;padding:.8rem 1rem;background:#ffffff;border:1px solid #203a782a;border-radius:.6rem}.search-field>span{font:1.7rem/1 system-ui;color:var(--lime)}.search-field:focus-within{outline:2px solid var(--lime);outline-offset:2px}.search-field input{border:0;padding:0;background:transparent;outline:none;width:100%;font-size:.9375rem}.docs-search>p{font-size:.75rem;color:var(--muted);margin:.8rem 0 0}.guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding-top:0}.guide-grid article{position:relative;min-width:0;display:flex;flex-direction:column;padding:1.5rem;background:var(--panel);border:1px solid var(--line);border-radius:.85rem;transition:border-color .2s,transform .2s}.guide-grid article:hover{border-color:#3452e850;transform:translateY(-3px)}.guide-card-top{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:2rem}.guide-card-number{font:.75rem var(--display);color:#62708b}.guide-card-top .eyebrow{margin:0;font-size:.75rem;letter-spacing:.07em;text-align:right;color:#596981}.guide-grid h2{font-size:1.25rem;line-height:1.3;letter-spacing:-.035em}.guide-grid h2>a{text-decoration:none}.guide-grid h2>a::after{content:'';position:absolute;inset:0;border-radius:.85rem}.guide-grid h2>a:focus-visible{outline:none}.guide-grid article:focus-within{outline:2px solid var(--lime);outline-offset:4px}.guide-grid article p{font-size:.875rem;color:var(--muted);margin:0 0 1.5rem}.guide-card-action{font-size:.75rem;color:var(--lime);margin-top:auto}.technical-references{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;border-top:1px solid var(--line);margin-inline:var(--gutter);padding:3rem 0}.technical-references h2{font-size:2rem}.technical-references p:not(.eyebrow){color:var(--muted);font-size:.9375rem}.reference-links{display:grid;grid-template-columns:1fr 1fr;gap:.25rem 2rem}.reference-links a{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3rem;text-decoration:none;border-bottom:1px solid var(--line);font-size:.875rem}.reference-links a>span{color:var(--lime)}.reference-links a:hover{color:var(--lime)}
.guide-breadcrumb{padding:1.75rem var(--gutter);margin:0;border-bottom:1px solid var(--line)}.guide-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 165px;gap:2.5rem;padding:2.5rem var(--gutter) 4rem;align-items:start}.guide-sidebar,.guide-toc{position:sticky;top:7rem;max-height:calc(100dvh - 8rem);overflow-y:auto;scrollbar-width:thin}.guide-sidebar{display:flex;flex-direction:column;gap:.2rem}.guide-sidebar .eyebrow{font-size:.75rem;margin:1.5rem 0 .75rem;padding-left:.75rem}.guide-sidebar>a{display:flex;gap:.75rem;padding:.7rem .75rem;text-decoration:none;font-size:.8125rem;line-height:1.5;color:var(--muted);border-radius:.4rem;border:1px solid transparent}.guide-sidebar>a>span{font:.75rem/1.7 var(--display);color:#68738a}.guide-sidebar>a:hover{background:#203a7804;color:var(--ink)}.guide-sidebar>a[aria-current=page]{color:var(--lime);background:#3452e809;border-color:#3452e81d}.guide-sidebar>a[aria-current=page]>span{color:var(--lime)}.guide-sidebar .guide-hub-link{color:var(--ink);padding-top:0}.guide-sidebar-help{border:1px solid #203a7814;border-radius:.6rem;padding:1rem;margin-top:1.75rem;font-size:.8125rem}.guide-sidebar-help strong{font-weight:550}.guide-sidebar-help a{display:block;font-size:.75rem;color:var(--lime);margin-top:.5rem;text-decoration:none}.guide-toc{border-left:1px solid var(--line);padding-left:1.25rem}.guide-toc .eyebrow{font-size:.75rem;letter-spacing:.06em;margin-bottom:1rem}.guide-toc a{display:block;padding:.5rem 0;color:var(--muted);font-size:.75rem;text-decoration:none;line-height:1.6}.guide-toc a:hover,.guide-toc a[aria-current=location]{color:var(--lime)}.guide-body{min-width:0}.guide-header{padding:0 0 2rem;border-bottom:1px solid var(--line)}.guide-header h1{font-size:clamp(2rem,3.3vw,3.25rem);letter-spacing:-.055em;line-height:1.15}.guide-header .eyebrow{color:var(--lime);font-size:.75rem}.guide-header .lead{font-size:1rem}.guide-meta{display:flex;flex-wrap:wrap;gap:.6rem 1rem;font-size:.75rem;color:#647088}.guide-meta span:first-child{color:var(--lime);padding:.2rem .45rem;background:#3452e808;border:1px solid #3452e820;border-radius:4px}.guide-meta span{display:flex;align-items:center}.guide-body>section{padding:2rem 0;border-bottom:1px solid var(--line);scroll-margin-top:7rem}.guide-section-heading{display:flex;align-items:flex-start;gap:.8rem;margin-bottom:1rem}.guide-section-heading>span{display:grid;place-items:center;min-width:1.7rem;height:1.7rem;border:1px solid #3452e828;border-radius:.35rem;color:var(--lime);font:500 .75rem var(--display);margin-top:.1rem}.guide-body h2{font-size:1.5rem;line-height:1.25;letter-spacing:-.035em;margin:0}.guide-body p,.guide-body li{font-size:1rem;line-height:1.9;color:#465471}.guide-body strong{color:var(--ink);font-weight:550}.guide-body ol{padding-left:1.25rem}.guide-body li{padding-left:.35rem;margin-bottom:.85rem}.guide-body li::marker{font-size:.8125rem;color:var(--lime);font-weight:600}.guide-body a:not(.guide-next a){color:var(--lime)}.guide-body>.guide-next{margin-top:2rem;padding:1.5rem;border:1px solid #3452e830;border-radius:.75rem;background:#3452e806}.guide-next .eyebrow{display:block;margin-bottom:.65rem;font-size:.75rem}.guide-next a{font:500 1.1rem/1.5 var(--display);text-decoration:none;color:var(--lime)}
/* Forms, help, release history, and legal documents. */
.prose{max-width:960px;padding-top:1rem;padding-bottom:3rem}.prose h2{font-size:1.75rem;margin:2rem 0 1rem}.prose h3{font-size:1.3rem}.prose p,.prose li{color:var(--muted)}.prose a:not(.button){color:var(--lime)}label{font-size:.9375rem}input,select,textarea{color:var(--ink);background:#ffffff;border:1px solid #bbc4da;border-radius:.55rem;padding:.85rem 1rem;min-width:0;max-width:100%}input::placeholder,textarea::placeholder{color:#68748a}input:focus,textarea:focus,select:focus{border-color:var(--lime)}input[type=checkbox]{accent-color:var(--lime);width:1.15rem;height:1.15rem}textarea{resize:vertical}.support-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:3rem;padding-top:0}.support-form{border:1px solid #203a7820;border-radius:1rem;padding:2rem;background:var(--panel)}.support-form label,.site-dialog label,#ticket-reply label{display:grid;gap:.6rem;margin:0 0 1.4rem;font-size:.875rem}.support-form input,.support-form textarea,.support-form select,.site-dialog input,.site-dialog textarea,#ticket-reply textarea{width:100%;font:inherit}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.support-form .fine{font-size:.8125rem}.support-form .button{width:100%;margin-top:.5rem}.support-aside{padding:1.5rem 0}.support-aside h2{font-size:1.7rem;max-width:21rem}.support-aside>a{display:block;min-height:3rem;padding:.8rem 0;border-bottom:1px solid var(--line);font-size:.9375rem;color:var(--lime);text-decoration:none}.support-aside h3{margin-top:2.5rem;font-size:1.1rem}.support-aside p{color:var(--muted);font-size:.9375rem}.hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.receipt{border:1px solid #3452e838;background:#3452e808;border-radius:.75rem;padding:1.5rem;overflow-wrap:anywhere}.receipt h2{font-size:1.5rem}.ticket-layout{max-width:1040px;padding-top:0}.ticket-message{padding:1.5rem;border:1px solid var(--line);background:var(--panel);border-radius:.85rem;margin-bottom:1rem}.ticket-message.staff{background:#7441da09;border-color:#7441da30;margin-left:1.5rem}.ticket-message header{display:flex;gap:1rem;align-items:center;justify-content:space-between;font-size:.8125rem;color:var(--muted)}.ticket-message p{white-space:pre-wrap;overflow-wrap:anywhere}.ticket-layout .actions{margin-top:1rem}.faq-list{padding-top:1rem;max-width:1100px}.faq-list details{border:1px solid var(--line);background:var(--panel);border-radius:.75rem;margin-bottom:.8rem;padding:0 1.5rem}.faq-list summary{font:500 1.125rem/1.5 var(--display);padding:1.4rem 1.5rem 1.4rem 0;list-style:none;position:relative;letter-spacing:-.02em}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';position:absolute;right:0;color:var(--lime);font-size:1.5rem;top:1.1rem}.faq-list details[open] summary::after{content:'−'}.faq-list details[open]{border-color:#3452e830}.faq-list p{font-size:1rem;color:var(--muted);margin:0;padding:0 0 1.5rem;max-width:54rem}.release-notes{padding-top:1rem;max-width:1120px}.release-notes article{display:grid;grid-template-columns:12rem 1fr;gap:.25rem 2rem;border-top:1px solid var(--line);padding:2.5rem 0}.release-notes article .eyebrow{grid-column:1;grid-row:1/3;color:var(--lime);font-size:.75rem;padding-top:.3rem}.release-notes article h2{font-size:1.75rem;grid-column:2}.release-notes article>p:not(.eyebrow){color:var(--muted);grid-column:2;margin:0}.page-terms .intro,.page-privacy .intro{padding-bottom:1.5rem}.page-terms .prose,.page-privacy .prose{max-width:1080px}.page-terms .prose h2,.page-privacy .prose h2{border-top:1px solid var(--line);padding-top:2rem}.page-404 .intro{min-height:350px}
/* Interactive demo: a product workspace, not a marketing interstitial. */
.page-demo .intro{padding-top:1.75rem;padding-bottom:1.5rem}.page-demo .intro h1{font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.15}.page-demo .intro h1 br{display:none}.page-demo .intro .intro-path{margin-bottom:1.75rem}.page-demo .intro .eyebrow{display:none}.page-demo .intro .lead{font-size:1rem}.demo-notice{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin:0 var(--gutter) 1rem;padding:.85rem 1rem;border:1px solid #7441da2a;border-radius:.65rem;background:#7441da08;font-size:.75rem;color:var(--muted)}.demo-notice strong{color:var(--violet);font-weight:500}.interactive-shell{margin:0 var(--gutter) 3rem;padding:0;background:#ffffff;border:1px solid #203a7824;border-radius:1rem;overflow:hidden}.demo-tabs{display:flex;align-items:center;gap:.25rem;padding:.75rem 1rem;background:#f6f8ff;border-bottom:1px solid var(--line);overflow-x:auto}.demo-tab{padding:.7rem 1rem;min-height:2.75rem;background:transparent;border:1px solid transparent;border-radius:.5rem;color:var(--muted);white-space:nowrap;font:500 .8125rem Inter;cursor:pointer}.demo-tab[aria-current]{color:var(--lime);background:#3452e80a;border-color:#3452e829}.demo-tab:hover{color:var(--ink)}.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:2rem 2rem 0}.demo-heading .eyebrow{font-size:.75rem;margin-bottom:.6rem}.demo-heading h2{font-size:1.9rem;margin:0}.demo-heading+div{padding:1.5rem 2rem 2rem}.demo-filters{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.filter-chip{padding:.5rem .9rem;min-height:2.5rem;border:1px solid #203a7820;border-radius:2rem;background:transparent;font:500 .75rem Inter;color:var(--muted)}.filter-chip[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:#ffffff}.demo-filters label{display:flex;align-items:center;gap:.75rem;margin-left:auto;font-size:.75rem;color:var(--muted)}.demo-filters select,.demo-toolbar select,.demo-columns select{font-size:.8125rem;padding:.7rem}.demo-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.sample-product{display:flex;flex-direction:column;min-height:260px;padding:1.5rem;border:1px solid #203a7818;border-radius:.8rem;background:linear-gradient(155deg,#f0ecff,#ffffff);min-width:0}.sample-product.sage{background:linear-gradient(155deg,#e5f6ef,#ffffff)}.sample-product.sky{background:linear-gradient(155deg,#e8f2ff,#ffffff)}.sample-product.plum{background:linear-gradient(155deg,#eee6ff,#ffffff)}.sample-product.clay{background:linear-gradient(155deg,#fff0e7,#ffffff)}.sample-product.linen{background:linear-gradient(155deg,#f4f5e7,#ffffff)}.sample-product-meta{display:flex;justify-content:space-between;align-items:center;gap:.5rem;color:#5a6680;font-size:.75rem}.stock-label{border:1px solid #203a781a;border-radius:2rem;padding:.25rem .5rem;font-size:.75rem}.sample-product h3{font-size:1.5rem;line-height:1.2;margin:2rem 0 .75rem;max-width:15rem}.sample-product p{font-size:.875rem;line-height:1.6;color:var(--muted);margin:0 0 1.5rem}.sample-price{font:500 1.5rem var(--display);margin-top:auto;padding-bottom:1.25rem}.demo-button{min-height:2.75rem;border:1px solid #203a7830;border-radius:.5rem;padding:.7rem 1rem;background:#203a7806;color:var(--ink);font:550 .8125rem Inter}.demo-button:hover{background:#203a780c;border-color:#3452e850}.demo-button.saved{background:var(--lime);color:#ffffff;border-color:var(--lime)}.demo-status{min-height:3.5rem;border-top:1px solid var(--line);background:#f6f8ff;padding:.85rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.8125rem;color:var(--muted)}.demo-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;margin:1rem 0}.saved-products{display:grid;gap:.8rem;margin:1.5rem 0}.saved-product{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem;background:#ffffff;border:1px solid var(--line);border-radius:.75rem;min-width:0}.saved-product h3{font-size:1.2rem;margin:.4rem 0}.saved-product p{font-size:.875rem;margin:.5rem 0}.saved-product .eyebrow{font-size:.75rem}.saved-product .demo-toolbar{margin:0}.private-note{white-space:pre-wrap;overflow-wrap:anywhere;background:#3452e807;border-left:2px solid #3452e840;padding:.75rem;font-size:.875rem;color:#40566f}.cart-total{font:500 1.5rem var(--display);text-align:right}.demo-columns{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.demo-columns h3{font-size:1.25rem}.demo-columns p{color:var(--muted);font-size:.9375rem}.check-label{display:flex!important;align-items:center;gap:.75rem;margin:.85rem 0!important}.check-label input{width:1.1rem!important;height:1.1rem}.activity-list{list-style:none;padding:0}.activity-list li{padding:1rem;border:1px solid var(--line);border-radius:.65rem;margin-bottom:.75rem}.activity-list p{margin:0 0 .5rem}.activity-list small{color:var(--muted)}.demo-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0 0 2rem}.demo-metrics article{padding:1.5rem;border:1px solid #3452e820;background:linear-gradient(135deg,#3452e809,#f5f8ff);border-radius:.8rem}.demo-metrics strong{font:500 3rem var(--display);color:var(--lime)}.demo-metrics p{font-size:.8125rem;color:var(--muted);margin:.5rem 0 0}.empty-state{padding:3rem 1.5rem;text-align:center;border:1px dashed #203a7828;border-radius:.8rem;background:#f6f8ff;margin:1.5rem 0}.empty-state h3{font-size:1.75rem}.empty-state p{color:var(--muted);font-size:.9375rem}.site-dialog{width:min(560px,calc(100% - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;border:1px solid #203a7830;border-radius:1rem;padding:2rem;background:#ffffff;color:var(--ink);box-shadow:0 20px 80px #23377824}.site-dialog::backdrop{background:#202d6266;backdrop-filter:blur(5px)}.site-dialog h2{font-size:1.6rem}.site-dialog .actions{margin-bottom:0}
.privacy-choices{position:fixed;left:1.25rem;bottom:1.25rem;z-index:60;width:calc(100% - 2.5rem);max-width:540px;max-height:calc(100dvh - 2.5rem);overflow:auto;overscroll-behavior:contain;padding:1.5rem;border:1px solid #3452e840;background:#fffffff7;backdrop-filter:blur(20px);border-radius:1rem;box-shadow:0 20px 70px #23377820}.privacy-choices h2{font-size:1.35rem}.privacy-choices p{font-size:.875rem;color:var(--muted)}.privacy-choices .actions{gap:.75rem;margin-bottom:0}.privacy-choices .choice{font-size:.8125rem;min-height:2.75rem;padding:.6rem .9rem}.privacy-choices a,.privacy-choices .text-link{font-size:.8125rem}.privacy-choices .text-link{border:0;background:transparent;color:var(--lime);cursor:pointer;min-height:2.75rem}
/* The final invitation and useful directory. */
.site-footer{border-top:1px solid #3452e821;background:radial-gradient(ellipse at 50% 0%,#3452e809,transparent 65%),#f2f5ff;margin-top:2rem}.footer-inner{max-width:1440px;margin:auto;padding:4rem var(--gutter) 1.5rem;container:footer / inline-size}.footer-invitation{display:flex;align-items:center;justify-content:space-between;gap:3rem;padding-bottom:3.5rem;border-bottom:1px solid var(--line)}.footer-invitation .eyebrow{font-size:.75rem;color:#536680}.footer-invitation h2{font-size:clamp(2.5rem,4.5vw,4.6rem);letter-spacing:-.06em;line-height:1.1}.footer-invitation p:last-child{color:var(--muted);font-size:.9375rem;margin-bottom:0}.footer-invitation-actions{display:flex;align-items:center;flex-direction:column;gap:1rem;min-width:16rem;flex-shrink:0}.footer-primary{min-height:3.5rem;gap:3rem}.footer-demo{display:flex;gap:.65rem;align-items:center;font-size:.8125rem;text-decoration:none;min-height:2.75rem}.footer-demo:hover{color:var(--lime)}.footer-alpha{font-size:.75rem;color:#626e88}.footer-directory{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);gap:2.5rem;padding:3rem 0 2rem}.footer-brand p{color:var(--muted);font-size:.8125rem;line-height:1.85;margin:1.25rem 0}.footer-platform{display:inline-block;border:1px solid #203a7820;border-radius:2rem;padding:.4rem .7rem;font-size:.75rem;color:var(--muted)}.footer-directory nav{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;font-size:.8125rem}.footer-directory h3{font:550 .8125rem/1.5 Inter;letter-spacing:0;margin:0 0 .85rem}.footer-directory nav a{min-height:2.5rem;padding:.5rem 0;color:var(--muted);text-decoration:none}.footer-directory nav a:hover{color:var(--lime)}.footer-version{font-size:.75rem;color:var(--lime);border:1px solid #3452e830;border-radius:3px;padding:.15rem .3rem;white-space:nowrap;margin-left:.3rem}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.75rem;color:#5b6884}.footer-bottom p{margin:0}.footer-bottom nav{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}.footer-bottom a,.footer-bottom button{padding:.6rem 0;min-height:2.75rem;background:transparent;border:0;color:inherit;font:inherit;text-decoration:none}.footer-bottom a:hover,.footer-bottom button:hover{color:var(--lime)}.footer-disclosure{font-size:.75rem;color:#647089;margin:.25rem 0 0;line-height:1.6}
/* Responsive navigation follows available space, including enlarged text. */
@container site-navigation (max-width:66.25rem){.header-inner{min-height:5rem;flex-wrap:wrap;gap:0;padding-block:.85rem}.site-header.nav-ready .menu-toggle{display:flex;align-items:center;gap:.8rem;min-height:2.75rem;font:550 .875rem Inter;border:1px solid #203a7827;border-radius:.5rem;background:#203a7804;color:var(--ink);padding:.65rem .85rem}.menu-lines{width:1rem;height:.65rem;border-block:1.5px solid currentColor;position:relative}.menu-toggle[aria-expanded=true] .menu-lines{height:1rem;border:0}.menu-toggle[aria-expanded=true] .menu-lines::before,.menu-toggle[aria-expanded=true] .menu-lines::after{content:'';position:absolute;top:50%;left:0;width:100%;border-top:1.5px solid currentColor;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-lines::after{transform:rotate(-45deg)}#main-navigation{width:100%;padding:1rem 0 0;flex-wrap:wrap;justify-content:flex-start}.site-header.nav-ready #main-navigation{display:none}.site-header.nav-ready #main-navigation.is-open{display:flex;max-height:var(--navigation-available-height,calc(100dvh - 7rem));overflow-y:auto;overscroll-behavior:contain}.nav-group{width:100%}.nav-group>summary{justify-content:space-between;min-height:3rem;padding:.75rem .65rem}.nav-panel::before{display:none}.nav-panel{position:static;width:100%;margin:.4rem 0 .8rem;box-shadow:none}.resources-panel{width:100%}.nav-link{justify-content:flex-start}.demo-link{border:0;margin:0;padding-left:.85rem}.nav-cta{margin-left:auto}}
@media(max-width:1150px){.guide-layout{grid-template-columns:190px minmax(0,1fr);gap:2rem}.guide-toc{display:none}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit-card{padding:1.5rem}.mini-save,.mini-event{flex-wrap:wrap}.home-workflow{gap:3rem}.docs-hub{gap:2rem}.footer-directory{gap:1.5rem}}
@media(max-width:900px){.hero{min-height:560px;grid-template-columns:1.1fr 1fr;padding-top:3rem}.hero h1{font-size:clamp(3rem,6.8vw,4.5rem)}.hero .eyebrow{flex-wrap:wrap}.hero-save{padding:.85rem;bottom:2rem;right:-.25rem}.hero-save strong{font-size:.8125rem}.hero-save div>span{font-size:.75rem}.save-check{margin-left:0}.hero-visual-link{font-size:.75rem;gap:.5rem}.hero-facts{font-size:.75rem}.benefit-grid{grid-template-columns:1fr}.benefit-card{display:grid;grid-template-columns:1fr 1fr;gap:0 2rem}.tile-number{grid-column:1/-1;margin-bottom:1.25rem}.benefit-card h3{grid-column:1}.benefit-card>p{grid-column:1}.mini-save,.mini-event,.journey-flow{grid-column:2;grid-row:2/4;align-self:center}.home-workflow{grid-template-columns:1fr;gap:2rem}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.steps li,.steps li:first-child{display:block;padding:1.25rem 0;border-top:1px solid var(--line);border-bottom:0}.steps li>span{display:block;margin-bottom:1rem}.feature-grid{grid-template-columns:1fr}.feature-grid article{display:grid;grid-template-columns:1fr 1.5fr;gap:1.5rem}.feature-grid p{margin:0}.support-layout{gap:2rem;grid-template-columns:1.5fr 1fr}.footer-invitation{gap:2rem}.footer-invitation h2{font-size:2.7rem}.footer-directory{grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr))}.footer-directory nav:last-child{grid-column:2}.footer-brand{grid-row:1/3}.technical-references{gap:2rem;grid-template-columns:1fr 1.5fr}.pricing article{padding:1.75rem}}
@media(max-width:700px){section{padding:2.5rem var(--gutter)}.release-bar{font-size:.75rem;justify-content:space-between;gap:.75rem}.release-bar>span{max-width:12rem}.release-label{display:none}.release-bar>a{gap:.3rem;white-space:nowrap}.brand-name{font-size:1.12rem}.brand-name small{font-size:.75rem}.brand-mark{width:2.25rem;height:2.25rem;font-size:1.6rem}.nav-panel{grid-template-columns:1fr}.nav-panel .nav-feature{display:none}.nav-caption{font-size:.75rem}.nav-panel a>span:not(.nav-caption):not(.nav-feature-mark){font-size:.875rem}#main-navigation>.nav-link{width:100%;min-height:3rem}.nav-cta{width:100%;margin:.5rem 0 .25rem;justify-content:space-between;min-height:3rem}.nav-panel-bottom a{font-size:.8125rem}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:auto;padding-top:2.5rem;padding-bottom:2rem;overflow:hidden}.hero-copy{width:100%}.hero h1{font-size:clamp(3rem,11vw,5rem)}.hero .lead{font-size:1rem;max-width:33rem}.hero .actions{margin-top:1.5rem}.hero .button{font-size:.875rem;padding-inline:1.1rem}.hero-facts{gap:.6rem .75rem;font-size:.75rem}.hero-visual{min-height:300px;margin-top:1rem;align-self:stretch}.hero-visual>img{width:110%;left:-14%;top:42%;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 92%,transparent)}.hero-save{bottom:1.75rem;right:0;padding:.9rem 1.1rem}.hero-visual-link{bottom:-.3rem;font-size:.75rem;left:0;right:0}.trust-strip{gap:1rem;justify-content:flex-start;padding-block:1.5rem;font-size:.75rem}.trust-strip>span:first-child{max-width:7rem;font-size:.75rem}.trust-strip strong{font-size:1.125rem}.trust-strip>span:nth-last-child(-n+2){display:none}.home-section{padding-top:3rem}.section-heading{display:block;margin-bottom:1.5rem}.section-heading h2{font-size:2.5rem}.section-heading .text-link{margin-top:1rem;font-size:.875rem}.benefit-card{display:flex;padding:1.5rem}.benefit-card h3{font-size:1.7rem}.benefit-card>p{font-size:.9375rem}.mini-save,.mini-event,.journey-flow{width:100%;margin-top:.5rem;font-size:.75rem}.home-workflow{padding-top:2rem;padding-bottom:3rem}.home-workflow h2{font-size:2.25rem}.steps{grid-template-columns:1fr;gap:0}.steps li,.steps li:first-child{display:flex;gap:1rem;padding:1.25rem 0}.steps li>span{margin:0;padding-top:.3rem}.intro{padding-top:1.25rem;padding-bottom:1.5rem}.intro-path{margin-bottom:2rem;font-size:.75rem}.intro h1{font-size:clamp(2.5rem,10vw,4rem);line-height:1.08}.intro .lead{font-size:1rem}.intro .eyebrow{font-size:.75rem}.band{display:block;padding:1.5rem;margin-top:1rem;margin-bottom:2rem}.band h2{font-size:2rem}.band .button{margin-top:1rem}.split,.cards,.pricing,.download-grid{grid-template-columns:1fr}.feature-story{padding:1.5rem;gap:1.5rem}.feature-story h2{font-size:2rem}.feature-section{padding-top:.5rem;padding-bottom:2rem}.feature-section .section-head{grid-template-columns:2rem 1fr;gap:.5rem;padding-top:1.5rem}.feature-section .section-head h2{font-size:1.6rem}.feature-section .section-head .eyebrow{font-size:.875rem}.feature-grid article{display:block;padding:1.5rem}.feature-grid h3{font-size:1.2rem}.feature-grid p{font-size:.9375rem}.currency-select{justify-content:space-between;font-size:.8125rem}.pricing{padding-top:1.25rem}.pricing h2{font-size:2.5rem}.download-grid{padding-top:1rem}.download-card{padding:1.5rem}.download-card.connector{display:block}.download-card.connector .button{margin-top:1.25rem}.download-card h2{font-size:1.6rem}.docs-hub{grid-template-columns:1fr;gap:1rem;padding-top:1.25rem;padding-bottom:1.5rem}.docs-hub h1{font-size:2.6rem}.docs-hub .lead{font-size:.9375rem}.docs-search{margin-bottom:0;padding:1.25rem}.search-field{padding:.8rem}.search-field input{font-size:.875rem}.guide-grid{grid-template-columns:1fr;padding-bottom:2.5rem}.guide-grid article{padding:1.4rem}.guide-card-top{margin-bottom:1.2rem}.guide-card-top .eyebrow{font-size:.75rem}.guide-grid h2{font-size:1.3rem}.guide-grid article p{font-size:.9375rem}.technical-references{grid-template-columns:1fr;gap:1rem;padding-block:2rem}.reference-links{gap:0 1rem}.reference-links a{font-size:.8125rem}.guide-breadcrumb{padding-block:1.2rem;font-size:.75rem}.guide-layout{display:block;padding-top:1.5rem}.guide-sidebar{position:static;max-height:none;margin:0 0 2rem;padding-bottom:1rem;border-bottom:1px solid var(--line);display:flex;flex-direction:row;overflow-x:auto;gap:.5rem;align-items:center}.guide-sidebar>a{white-space:nowrap;font-size:.75rem;padding:.6rem .8rem;background:#203a7803;border:1px solid var(--line)}.guide-sidebar>a>span,.guide-sidebar>.eyebrow,.guide-sidebar-help{display:none}.guide-sidebar .guide-hub-link{padding:.6rem .8rem}.guide-header h1{font-size:2.25rem}.guide-header .eyebrow{font-size:.75rem}.guide-header .lead{font-size:.9375rem}.guide-meta{font-size:.75rem}.guide-header{padding-bottom:1.5rem}.guide-body>section{padding-block:1.5rem}.guide-body h2{font-size:1.25rem}.guide-body p,.guide-body li{font-size:.9375rem;line-height:1.9}.guide-section-heading{gap:.65rem}.guide-next a{font-size:1rem}.support-layout{grid-template-columns:1fr;gap:1.5rem}.support-form{padding:1.5rem}.form-pair{grid-template-columns:1fr;gap:0}.support-aside{padding:.5rem 0}.support-aside h2{font-size:1.5rem}.release-notes article{grid-template-columns:1fr;padding:1.5rem 0;gap:.5rem}.release-notes article .eyebrow,.release-notes article h2,.release-notes article>p:not(.eyebrow){grid-column:1;grid-row:auto}.release-notes article .eyebrow{margin-bottom:.5rem}.release-notes article h2{font-size:1.5rem}.release-notes article>p:not(.eyebrow){font-size:.9375rem}.faq-list details{padding-inline:1.15rem}.faq-list summary{font-size:1rem}.faq-list p{font-size:.9375rem}.prose h2{font-size:1.5rem}.prose p{font-size:.9375rem}.page-demo .intro h1{font-size:2.1rem}.page-demo .intro .lead{font-size:.875rem}.demo-notice{gap:.4rem;font-size:.75rem}.interactive-shell{border-radius:.75rem}.demo-tabs{padding:.5rem}.demo-tab{font-size:.75rem;padding:.65rem .85rem}.demo-heading{padding:1.5rem 1.25rem 0;align-items:flex-start;gap:.75rem}.demo-heading h2{font-size:1.5rem}.demo-heading .text-button{font-size:.75rem;white-space:nowrap}.demo-heading+div{padding:1.25rem}.demo-filters{gap:.4rem}.filter-chip{font-size:.75rem;padding:.5rem .8rem}.demo-filters label{width:100%;justify-content:space-between;margin-top:.65rem}.demo-products{grid-template-columns:1fr}.sample-product{min-height:250px}.sample-product h3{font-size:1.5rem}.sample-product p{font-size:.9375rem}.sample-product-meta{font-size:.75rem}.stock-label{font-size:.75rem}.demo-status{padding:.8rem 1.25rem;font-size:.75rem}.saved-product{flex-wrap:wrap;padding:1.15rem}.demo-columns{grid-template-columns:1fr;gap:1.5rem}.demo-metrics{grid-template-columns:1fr;gap:.75rem}.demo-metrics article{display:flex;align-items:center;gap:1.25rem;padding:1rem}.demo-metrics strong{font-size:2.5rem}.demo-metrics p{margin:0}.site-dialog{padding:1.5rem}.site-dialog h2{font-size:1.4rem}.privacy-choices{padding:1.25rem}.footer-inner{padding-top:3rem}.footer-invitation{align-items:flex-start;flex-direction:column;gap:1.5rem;padding-bottom:2.5rem}.footer-invitation h2{font-size:clamp(2.2rem,8vw,3.2rem)}.footer-invitation .eyebrow{font-size:.75rem;margin-bottom:1.25rem}.footer-invitation p:last-child{font-size:.875rem}.footer-invitation-actions{width:100%;align-items:flex-start;gap:.7rem}.footer-primary{width:100%;justify-content:space-between}.footer-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.5rem;padding-top:2.5rem}.footer-brand{grid-column:1/-1;grid-row:auto}.footer-directory nav:last-child{grid-column:auto}.footer-directory h3{font-size:.8125rem}.footer-directory nav a{min-height:2.75rem;font-size:.8125rem}.footer-version{display:none}.footer-bottom{flex-direction:column;align-items:flex-start;gap:.5rem;font-size:.75rem}.footer-bottom nav{gap:.25rem 1.15rem}.footer-disclosure{font-size:.75rem;margin-top:.5rem}}
@media(max-width:380px){.hero-facts{font-size:.75rem;gap:.5rem}.hero h1{font-size:3.05rem}.hero .actions{gap:.6rem}.hero .button{font-size:.8125rem;padding-inline:.9rem}.hero-visual{min-height:250px}.hero-save strong{font-size:.75rem}.save-check{display:none}.release-bar>span{max-width:10rem}.brand-name{font-size:1.05rem}.brand{gap:.55rem}.header-inner{gap:.5rem}.reference-links{grid-template-columns:1fr}.nav-panel-bottom{flex-wrap:wrap}.pricing article{padding:1.5rem}}
@keyframes gentle-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.support-message{padding:1.5rem;margin-bottom:1rem;border:1px solid var(--line);border-radius:.8rem;background:var(--panel)}.support-message.staff{margin-left:1.5rem;background:#7441da09;border-color:#7441da2c}.support-message .eyebrow{margin-bottom:.75rem;font-size:.75rem;color:var(--lime)}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#45536f;font-size:.9375rem}.support-message small{color:var(--muted);font-size:.75rem}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.site-header,.release-bar,.site-footer,.guide-sidebar,.guide-toc,.privacy-choices,.skip{display:none!important}:root{color-scheme:light;color:#111;background:#fff}.guide-layout{display:block;padding:0}.guide-header,.guide-body>section{padding:1rem 0}.guide-body p,.guide-body li,.lead{color:#222}.guide-header h1{font-size:28pt}body{background:white}}

/* Navigation labels stay readable at every screen size. */
.guide-sidebar>a,.guide-toc a,.footer-directory nav a,.footer-directory h3,.demo-tab,.filter-chip,.demo-button,.nav-panel-bottom a,.footer-bottom{font-size:.875rem}
.benefit-card p,.feature-grid p,.guide-grid article p,.support-aside p,.prose p,.sample-product p,.guide-body p,.guide-body li{font-size:1rem}

.page-pricing .intro{max-width:1100px;text-align:center;margin:auto;padding-bottom:1.5rem}.page-pricing .intro-path{justify-content:center}.page-pricing .intro h1{font-size:clamp(2.5rem,5vw,4.5rem)}.page-pricing .intro .lead{margin-inline:auto;max-width:44rem}.page-pricing .currency-select,.page-pricing .pricing{max-width:1200px;margin-inline:auto}.page-pricing .prose{margin-inline:auto}.page-download .intro h1,.page-support .intro h1,.page-changelog .intro h1{font-size:clamp(2.5rem,4.4vw,4.25rem)}

/* Bright porcelain surfaces with cobalt and violet accents. */
.site-header{box-shadow:0 3px 24px #203a7805}.header-inner{min-height:5.75rem}.brand-mark{background:#edf1ff;color:#3452e8;border-color:#dce3ff}.release-bar{background:#f3f5ff;color:#4b5878}.release-bar>a{color:#3852c8}.nav-group>summary,.nav-link{transition:background .15s,color .15s}.nav-panel{box-shadow:0 22px 60px #283c7224,0 3px 10px #283c720a;border-color:#e0e6f2}.nav-panel a:hover{background:#f0f3ff}.nav-panel .nav-feature{background:linear-gradient(140deg,#edf2ff,#f2ebff);border-color:#e4e5fc}.nav-panel .nav-feature:hover{background:linear-gradient(140deg,#e3ebff,#eee3ff)}.nav-cta{background:#3452e8;border-color:#3452e8;color:white;box-shadow:0 4px 12px #3452e81c}.nav-cta:hover{transform:none;background:#2541c9}.button{box-shadow:0 4px 12px #3452e815}.button.secondary,.button.light{box-shadow:none;background:white}.button.secondary:hover,.button.light:hover{background:#f3f6ff}.hero h1 em{color:#3452e8}.hero .lead{color:#52617f}.edition-pill{background:#eef2ff;border-color:#dbe3ff;color:#3852c8}.hero-visual>img{mask-image:none}.hero-save{border-color:#e2e8f4;background:#fffffff0;box-shadow:0 14px 44px #304a811a}.trust-strip{color:#5f6a82}.benefit-card{box-shadow:0 4px 20px #243b7205}.site-footer{background:linear-gradient(130deg,#eef3ff 0%,#f8faff 55%,#f2edff 100%);border-color:#e0e6f5}.footer-invitation h2 em{color:#3452e8}.site-dialog,.privacy-choices{box-shadow:0 24px 80px #23377826}.pricing article.pro{box-shadow:0 8px 40px #3452e80a}.page-demo .sample-product{box-shadow:0 4px 12px #243b7205}

.hero h1 em{white-space:nowrap}.nav-panel .nav-panel-bottom a{display:flex;align-items:center;gap:.5rem}.nav-panel .nav-panel-bottom a>span{display:inline;margin:0;color:inherit}

/* Layout audit: retain legible controls and useful reading widths as text grows. */
.brand{min-width:0;max-width:100%;flex-shrink:1}.brand-mark{flex-shrink:0}.brand-name{min-width:0;overflow-wrap:anywhere}.nav-panel-bottom{flex-wrap:wrap}.nav-panel-bottom a{min-width:0}.nav-panel .nav-panel-bottom a>span{flex-shrink:0}.guide-navigation-hint{display:none}.guide-sidebar>a,.guide-toc a{overflow-wrap:anywhere}.guide-sidebar>a>span{flex-shrink:0}.docs-hub>*,.technical-references>*,.reference-links,.reference-links a,.footer-directory>*{min-width:0}.docs-hub{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.technical-references{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}.reference-links{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-links a{overflow-wrap:anywhere}.reference-links a>span{flex-shrink:0}.footer-invitation>*{min-width:0}.footer-invitation-actions{max-width:100%}.footer-directory a{overflow-wrap:anywhere}.pricing article{display:grid;grid-template-rows:auto auto auto 1fr auto auto}.pricing article>.button{margin-top:1rem}.pricing article>.fine{min-height:2.85rem;margin:.85rem 0 0}.receipt .actions{margin:1.5rem 0 0}.site-dialog .actions{gap:1rem}.page-support #ticket-title{font-size:clamp(2rem,3.5vw,3.5rem)}
@container site-navigation (max-width:26rem){.site-header .brand-name small{display:none}.header-inner{column-gap:.6rem}.site-header.nav-ready .menu-toggle{gap:.5rem;padding-inline:.65rem}.brand-name{letter-spacing:-.045em}}
@container page (max-width:52rem){.docs-hub{grid-template-columns:1fr;gap:1.5rem}.technical-references{grid-template-columns:1fr;gap:1rem}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container page (max-width:48rem){.guide-layout{display:block}.guide-toc{display:none}.guide-navigation-hint{display:flex;justify-content:space-between;gap:1rem;font-size:.875rem;color:var(--muted);margin:0 0 .65rem}.guide-sidebar{position:static;max-height:none;display:flex;flex-direction:row;align-items:stretch;gap:.5rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#acbadd #edf1fa;margin:0 0 2rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.guide-sidebar>a{flex:0 0 auto;max-width:100%;white-space:normal;font-size:.875rem;padding:.65rem .85rem;background:#f7f9ff;border:1px solid var(--line);align-items:center}.guide-sidebar>a>span,.guide-sidebar>.eyebrow,.guide-sidebar-help{display:none}.guide-sidebar .guide-hub-link{padding:.65rem .85rem}.guide-sidebar::-webkit-scrollbar{height:6px}.guide-sidebar::-webkit-scrollbar-track{background:#edf1fa}.guide-sidebar::-webkit-scrollbar-thumb{background:#acbadd;border-radius:6px}}
@container page (max-width:30rem){.guide-grid,.reference-links{grid-template-columns:1fr}.reference-links a{font-size:.875rem}.guide-header h1{font-size:2rem}.guide-next a{font-size:1rem}}
@container footer (max-width:48rem){.footer-invitation{flex-direction:column;align-items:flex-start}.footer-invitation-actions{min-width:0;width:100%;align-items:flex-start}.footer-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1/-1;grid-row:auto}.footer-directory nav:last-child{grid-column:auto}}
@container footer (max-width:21rem){.footer-directory{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-invitation h2{font-size:2rem}.footer-primary{gap:1rem}.footer-bottom nav{column-gap:1rem}}
@media(max-width:700px){.demo-tabs{flex-wrap:wrap;overflow:visible;gap:.25rem}.demo-tab{flex:1 1 auto;white-space:normal}.demo-heading{flex-wrap:wrap}.pricing article>.fine{min-height:0}.footer-invitation-actions{min-width:0}.comparison-table{min-width:0}.comparison-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.comparison-table tbody{display:grid;gap:1rem}.comparison-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:.75rem;overflow:hidden;background:white}.comparison-table td{width:auto;border:0;padding:.85rem 1rem;overflow-wrap:anywhere}.comparison-table td:first-child{grid-column:1/-1;width:auto;background:#f4f6fd;font-weight:550;border-bottom:1px solid var(--line)}.comparison-table td:nth-child(2){border-right:1px solid var(--line)}.comparison-table td[data-edition]::before{content:attr(data-edition);display:block;font-size:.75rem;color:var(--muted);margin-bottom:.3rem;font-weight:500}.page-free-pro .table-wrap{padding-bottom:2rem}}
/* Narrow layouts remain usable when visitors enlarge their preferred text size. */
.release-bar{flex-wrap:wrap}.release-bar>a{min-width:0;max-width:100%;white-space:normal;flex-wrap:wrap}.button{max-width:100%;min-width:0;overflow-wrap:anywhere;text-align:center}.actions>*{max-width:100%;min-width:0}.hero-copy,.hero-save>div,.pricing article>*,.demo-heading>div{min-width:0}.hero h1 em{white-space:normal}.benefit-card{container:benefit / inline-size}.guide-card-top{flex-wrap:wrap}.guide-card-top .eyebrow{max-width:100%;min-width:0;overflow-wrap:anywhere;margin-left:auto}.currency-select{flex-wrap:wrap}.currency-select select{font-size:.875rem}.band .button{max-width:100%}.demo-status{flex-wrap:wrap}.demo-status>.text-button{flex-shrink:0}
@container benefit (max-width:14rem){.journey-flow{flex-direction:column;align-items:stretch;gap:.6rem}.journey-flow span[aria-hidden]{align-self:center;transform:rotate(90deg)}.journey-flow span:not([aria-hidden]){text-align:center}}
@container page (max-width:52rem){.band{display:block}.band .button{margin-top:1rem}.currency-select{justify-content:space-between}.pricing article{padding:1.5rem}}
@media(max-width:700px){.hero-visual{min-height:clamp(300px,20rem,520px)}.release-bar>a{white-space:normal}.demo-tab{max-width:100%}.sample-product-meta{flex-wrap:wrap}.stock-label{white-space:normal}}
@media(max-width:380px){.release-bar>span{display:none}.release-bar{justify-content:center}.hero-save{gap:.6rem;padding:.8rem}.hero-save .save-heart{font-size:1.3rem}}
@container site-navigation (max-width:66.25rem){.nav-link,.nav-cta{white-space:normal}.nav-link .play-icon{flex-shrink:0}}

/* Keep spacing economical when text is enlarged on a narrow screen. */
.button{padding-inline:min(1.4rem,22px)}.demo-button{max-width:100%;min-width:0;overflow-wrap:anywhere;padding-inline:min(1rem,16px)}.section-heading .text-link{white-space:normal;overflow-wrap:anywhere}.hero-visual{flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:1.25rem}.hero-save{position:relative;bottom:auto;right:auto;flex-shrink:0;margin-top:auto}.hero-visual-link{position:relative;bottom:auto;right:auto;left:auto;width:100%;min-width:0;flex-shrink:0}.hero-visual-link>span{flex-shrink:0}
@container page (max-width:30rem){.benefit-card,.sample-product,.support-form,.receipt,.pricing article,.download-card,.guide-grid article,.feature-story,.feature-grid article,.band{padding:min(1.5rem,24px)}.demo-heading{padding:24px 16px 0}.demo-heading+div{padding:24px 16px}.sample-product{padding:20px}.demo-status{padding:16px}.sample-product h3{font-size:1.25rem}.currency-select select{padding-inline:16px}}
@media(max-width:700px){.site-dialog,.privacy-choices{padding:min(1.5rem,24px)}}
@container page (max-width:30rem){.page-free-pro .prose{padding:min(1.5rem,24px)}}
@supports(grid-template-rows:subgrid){@media(min-width:701px){.pricing{grid-template-rows:auto auto auto 1fr auto auto;row-gap:0}.pricing article{grid-row:span 6;grid-template-rows:subgrid}}}

/* Actual WordPress interface captures on the demo page. */
.plugin-gallery{margin-block:0 3rem}.plugin-gallery>.lead{max-width:54rem}.plugin-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:2rem}.plugin-gallery figure{margin:0;min-width:0;overflow:hidden;border:1px solid var(--border,#dce3ee);border-radius:18px;background:#fff}.plugin-gallery figure>a{display:block;padding:12px;background:#f3f6ff}.plugin-gallery img{display:block;width:100%;height:auto;border-radius:10px}.plugin-gallery figcaption{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem}.plugin-gallery figcaption span{color:#58657b;font-size:.9375rem;line-height:1.6}.plugin-gallery figure:last-child{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;align-items:center}.plugin-gallery .fine{margin-top:1.25rem}@media(max-width:700px){.plugin-gallery-grid{grid-template-columns:1fr}.plugin-gallery figure:last-child{display:block}.plugin-gallery figcaption{padding:1rem}}

/* A working product story in the homepage hero. */
.page-home .hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(1.5rem,3vw,3rem);min-height:740px;padding-top:3.75rem;padding-bottom:3.75rem}
.page-home .hero h1{font-size:clamp(3.4rem,6vw,5.75rem)}
.hero-product{position:relative;min-width:0;isolation:isolate;align-self:center}
.hero-product::before{content:"";position:absolute;inset:-2rem -1rem;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#dce7ff8c,transparent 70%);pointer-events:none}
.hero-product-caption{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin:0 .3rem 1rem;color:#435375;font:600 .875rem/1.5 var(--display)}
.hero-preview-label{font:500 .75rem/1.5 Inter;color:#67738c}
.hero-wishlist{padding:1.4rem;border:1px solid #dee5f3;border-radius:1.3rem;background:#fff;box-shadow:0 20px 60px -28px #304e8952,0 3px 8px #304e8908}
.hero-wishlist-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.3rem;min-width:0}
.hero-wishlist-heading>div{min-width:0}.hero-wishlist-kicker{font:600 .75rem/1.5 Inter;letter-spacing:.1em;color:#63718d;margin:0 0 .4rem}
.hero-wishlist h2{font-size:1.7rem;letter-spacing:-.045em;line-height:1.2;margin:0;text-wrap:initial}
.hero-saved-count{flex-shrink:0;color:#3452cc;background:#f0f3ff;border:1px solid #e1e7ff;border-radius:2rem;padding:.25rem .65rem;font-size:.75rem;white-space:nowrap}
.hero-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.hero-product-card{min-width:0}.hero-photo{position:relative;background:#eef2f7;border-radius:.85rem;overflow:hidden;aspect-ratio:1.16}
.hero-photo>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.hero-heart{position:absolute;top:.65rem;right:.65rem;width:2.75rem;height:2.75rem;border:1px solid #ffffffb0;background:#ffffffed;border-radius:50%;color:#3452e8;display:grid;place-items:center;box-shadow:0 3px 10px #18254b12;transition:transform .2s,background .2s}
.hero-heart:hover{background:#fff;transform:scale(1.07)}.hero-heart:focus-visible{outline-offset:-4px;outline-width:3px}
.hero-heart svg{width:1.3rem;height:1.3rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hero-heart[aria-pressed=true] svg{fill:currentColor}.hero-heart[aria-pressed=false]{color:#4d5c76}
.hero-photo-tag{position:absolute;left:.65rem;bottom:.65rem;max-width:calc(100% - 1.3rem);padding:.2rem .5rem;border-radius:.3rem;background:#ffffffed;font-size:.75rem;line-height:1.5;color:#334563}
.hero-product-details{padding:.85rem .1rem 0}.hero-product-details h3{font:600 1rem/1.4 var(--display);letter-spacing:-.025em;margin:0}
.hero-product-details>p{font-size:.875rem;color:#64708a;margin:.2rem 0 .6rem;line-height:1.5}
.hero-price{display:flex;align-items:center;justify-content:space-between;gap:.4rem;flex-wrap:wrap;margin-bottom:.75rem;line-height:1.5}.hero-price strong{font:600 1.1rem/1.5 var(--display)}.hero-price>span{font-size:.75rem;color:#426455}
.hero-cart{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;min-height:2.75rem;padding:.6rem .8rem;border:1px solid #cbd6ee;border-radius:.55rem;background:#f8faff;color:#283e75;font-size:.875rem;font-weight:600;line-height:1.4;transition:background .2s}
.hero-cart:hover{background:#eaf0ff;border-color:#92a5d9}.hero-cart[aria-disabled=true]{background:#edf2ff;color:#304cc1;border-color:#dae3ff;cursor:default}.hero-cart>span{font-size:1rem}
.hero-feedback{display:flex;align-items:center;gap:.6rem;margin-top:1.1rem;padding-top:.95rem;border-top:1px solid #e9edf6;min-height:3rem}
.hero-feedback-icon{display:grid;place-items:center;flex-shrink:0;width:1.4rem;height:1.4rem;border-radius:50%;background:#edf3ff;color:#3452e8;font-size:.75rem}
.hero-feedback p{font-size:.8125rem;line-height:1.5;color:#53617e;margin:0;min-width:0}
.hero-feedback button{flex-shrink:0;margin-left:auto;border:0;background:none;color:#3452e8;text-decoration:underline;text-underline-offset:3px;padding:.4rem .15rem;font-size:.8125rem;min-height:2.75rem}
.hero-return-note{position:relative;margin:1rem 0 0 2rem;display:flex;align-items:center;gap:.85rem;padding:1rem 1.1rem;border:1px solid #dfe7f7;border-radius:.9rem;background:linear-gradient(105deg,#f1f5ff,#fff);box-shadow:0 10px 25px -20px #304e8952}
.hero-bell{flex-shrink:0;width:2.65rem;height:2.65rem;display:grid;place-items:center;background:#fff;border:1px solid #e1e8fa;border-radius:.75rem;color:#3452e8}.hero-bell svg{width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hero-return-note>div{min-width:0;flex:1}.hero-return-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.hero-return-heading strong{font-size:.875rem;font-weight:600;line-height:1.4}.hero-return-heading>span{font-size:.75rem;line-height:1.4;font-weight:600;padding:.2rem .4rem;border:1px solid #cfd9ff;border-radius:.25rem;color:#3a54c6;background:#e9efff;letter-spacing:.05em}.hero-return-note p{font-size:.8125rem;line-height:1.5;margin:.2rem 0;color:#53617e}.hero-return-note small{font-size:.75rem;color:#69768d;line-height:1.4;display:block}
.hero-product-foot{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap;margin:1rem .3rem 0;font-size:.75rem;color:#69768d;line-height:1.5}.hero-product-foot a{color:#3452d0;text-decoration:none;font-weight:550;display:inline-flex;gap:.65rem;align-items:center;min-height:2rem}.hero-product-foot a:hover{text-decoration:underline}
.hero-product-card.is-pulsing .hero-heart{animation:hero-save-pop .35s ease-out}.hero-feedback.is-updated .hero-feedback-icon{animation:hero-save-pop .35s ease-out}
@keyframes hero-save-pop{50%{transform:scale(1.18)}100%{transform:scale(1)}}
@media(min-width:701px) and (max-width:1060px){.page-home .hero{grid-template-columns:1fr;gap:2.5rem;min-height:0;padding-top:3rem}.hero-copy{max-width:44rem}.page-home .hero h1{font-size:clamp(3.6rem,7.5vw,5rem)}.hero-product{width:100%;max-width:40rem;justify-self:center}.hero-photo{aspect-ratio:1.35}}
@media(max-width:700px){.page-home .hero{grid-template-columns:minmax(0,1fr);gap:2.5rem;min-height:0;padding-top:2.5rem;padding-bottom:2.5rem}.page-home .hero h1{font-size:clamp(3.05rem,10.5vw,4.1rem)}.hero-product{width:100%;max-width:34rem;justify-self:center}.hero-wishlist{padding:1rem;border-radius:1rem}.hero-wishlist-heading{gap:.65rem;margin-bottom:1rem}.hero-wishlist h2{font-size:1.45rem}.hero-wishlist-kicker{font-size:.75rem;letter-spacing:.065em;max-width:16rem}.hero-products{gap:.75rem}.hero-photo{aspect-ratio:1}.hero-product-details h3{font-size:.9375rem}.hero-heart{top:.4rem;right:.4rem}.hero-photo-tag{left:.4rem;bottom:.4rem;font-size:.75rem;padding:.15rem .35rem}.hero-return-note{margin-left:0;padding:.9rem}.hero-product-caption{font-size:.8125rem}.hero-product-foot{font-size:.75rem}.hero-cart{padding:.6rem .65rem}.hero-product::before{inset:-1rem 0}.hero-saved-count{font-size:.75rem;padding:.2rem .5rem}}
@container page (max-width:23rem){.hero-wishlist-heading{flex-wrap:wrap}.hero-products{grid-template-columns:1fr}.hero-photo{aspect-ratio:1.45}.hero-product-details h3{font-size:1rem}.hero-wishlist-kicker{font-size:.75rem}.hero-return-note{align-items:flex-start}.hero-return-heading strong{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.hero-product *{animation:none!important;transition:none!important}}

/* Keep the headline phrase and compact preview readable at every scale. */
.page-home .hero h1 em{display:inline-block;max-width:100%}
.hero-return-note,.hero-feedback p{overflow-wrap:anywhere}
@media(min-width:1061px){.hero-photo{aspect-ratio:1.5}.hero-photo>img{object-position:center 35%}}
@container page (max-width:23rem){.hero-bell,.hero-photo-tag{display:none}.hero-return-note{padding:.85rem}}

/* Edition boundaries and a direct route to the actual plugin screens. */
.benefit-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:2.2rem}
.benefit-heading .tile-number{margin:0}
.benefit-edition{display:inline-flex;align-items:center;border:1px solid #cdd8f8;border-radius:.3rem;background:#ffffffa6;padding:.15rem .45rem;color:#3452bd;font-size:.75rem;font-weight:600;line-height:1.5;letter-spacing:.035em}
#actual-plugins{scroll-margin-top:8rem}
/* Keep homepage footer navigation open, with comfortable tap targets. */
@media(max-width:700px){
 .page-home .footer-inner{padding-top:2rem;padding-bottom:1.25rem}
 .page-home .footer-invitation{gap:1rem;padding-bottom:1.5rem}
 .page-home .footer-invitation .eyebrow{display:none}
 .page-home .footer-invitation h2{font-size:clamp(2rem,7.5vw,2.65rem);margin-bottom:.65rem}
 .page-home .footer-invitation p:last-child{margin-top:0}
 .page-home .footer-invitation-actions{gap:.4rem}
 .page-home .footer-directory{padding-top:1.5rem;padding-bottom:1.25rem;row-gap:1.25rem}
 .page-home .footer-brand p,.page-home .footer-platform{display:none}
 .page-home .footer-directory h3{margin-bottom:.35rem}
 .page-home .footer-directory nav a{display:flex;align-items:center;min-height:2.75rem;padding-block:.35rem}
 .page-home .footer-directory nav:last-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem;row-gap:.1rem;align-items:start}
 .page-home .footer-directory nav:last-child h3{grid-column:1/-1;margin-bottom:0}
 .page-home .footer-bottom{gap:.25rem;padding-top:.75rem}
 .page-home .footer-disclosure{margin-top:.25rem}
}
@container footer (max-width:22rem){.page-home .footer-directory nav:last-child{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){
 .page-home .footer-brand>.brand{min-height:2.75rem}
 .page-home .footer-bottom a,.page-home .footer-bottom button{min-width:2.75rem;display:inline-flex;align-items:center}
}

/* Homepage clarity: one primary action, useful proof and a shorter mobile read. */
.page-home .hero .actions{margin-bottom:.75rem}
.hero-evaluation{font-size:.875rem;line-height:1.5;color:#58637c;margin:0 0 1.15rem;max-width:30rem}
.page-home .hero-facts{font-size:.8125rem}
.page-home .home-section{padding-top:4rem;padding-bottom:2.5rem}
.page-home .home-workflow{padding-top:3rem;padding-bottom:4rem}
@media(max-width:700px){
 .page-home .hero{gap:1.75rem;padding-block:1.75rem 2rem}
 .page-home .hero h1{margin-block:1rem}
 .page-home .hero .lead{font-size:1rem;line-height:1.65}
 .page-home .hero .actions{margin-top:1.25rem}
 .page-home .hero-facts{gap:.45rem .8rem}
 .page-home .hero-evaluation{margin-bottom:.85rem}
 .page-home .home-section{padding-block:2.5rem 1.5rem}
 .page-home .section-heading{gap:1rem;margin-bottom:1.25rem}
 .page-home .section-heading .eyebrow{margin-bottom:.75rem}
 .page-home .benefit-grid{gap:.75rem}
 .page-home .benefit-card{padding:1.25rem}
 .page-home .benefit-heading{margin-bottom:1rem}
 .page-home .benefit-card h3{font-size:1.6rem;margin-bottom:.65rem}
 .page-home .benefit-card p{line-height:1.65;margin-bottom:1rem}
 .page-home .mini-save,.page-home .mini-event{padding:.65rem .75rem}
 .page-home .home-workflow{gap:1.5rem;padding-block:2rem 2.5rem}
 .page-home .home-workflow .eyebrow{margin-bottom:.75rem}
 .page-home .home-workflow h2{font-size:2.1rem}
 .page-home .steps li{padding-block:1rem}
 .page-home .steps p{margin-block:.4rem 0}
}

@media(min-width:1061px){.page-home .hero-copy{align-self:start;padding-top:.5rem}}

/* Genuine WordPress screens, with full-size originals available to inspect. */
.home-proof{padding-block:3.5rem 2rem}
.home-proof .section-heading{margin-bottom:1rem}
.home-proof .lead{max-width:44rem;margin:0 0 1.5rem;font-size:1rem}
.home-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.home-proof figure{min-width:0;margin:0;border:1px solid #dfe5f1;border-radius:1rem;overflow:hidden;background:#fff}
.home-proof-shot{display:block;text-decoration:none;background:#f1f5fb}
.home-proof-label{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.1rem;background:#f8faff;border-bottom:1px solid #e3e9f4;font-size:.875rem;font-weight:550}
.home-proof-label span:last-child{font-size:.8125rem;color:#3452bd;font-weight:500}
.home-proof-frame{display:block;aspect-ratio:16/10;overflow:hidden;padding:.8rem .8rem 0}
.home-proof-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border:1px solid #e2e7ef;border-bottom:0;border-radius:.5rem .5rem 0 0;transition:filter .2s}
.home-proof-shot:hover img{filter:brightness(.98)}
.home-proof-shot:focus-visible{outline-offset:-4px}
.home-proof figcaption{padding:1.2rem 1.25rem}
.home-proof figcaption h3{font-size:1.35rem;line-height:1.3;letter-spacing:-.035em;margin:0 0 .5rem}
.home-proof figcaption p{font-size:1rem;line-height:1.65;color:var(--muted);margin:0}
.home-proof-note{color:var(--muted);font-size:.8125rem;margin:1rem 0 0;line-height:1.5}
@media(max-width:700px){
 .home-proof{padding-block:2rem 1rem}
 .home-proof-grid{grid-template-columns:minmax(0,1fr);gap:1rem}
 .home-proof .lead{margin-bottom:1rem;line-height:1.65}
 .home-proof-label{padding:.7rem .85rem;gap:.5rem;flex-wrap:wrap}
 .home-proof-frame{padding:.6rem .6rem 0;aspect-ratio:16/9}
 .home-proof figcaption{padding:1rem}
 .home-proof figcaption h3{font-size:1.25rem}
 .home-proof-note{font-size:.8125rem}
}

/* Demo: immediate shopping, explicit editions, and viewport-level feedback. */
.demo-intro{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-block:1.5rem 1.25rem}
.demo-intro h1{font-size:clamp(1.8rem,3vw,2.65rem);margin:0 0 .5rem;letter-spacing:-.045em}
.demo-intro p{font-size:1rem;color:var(--muted);margin:0;line-height:1.5}
.demo-sample-label{font-size:.8125rem;color:var(--muted);white-space:nowrap}
.page-demo .interactive-shell{margin-bottom:1rem;border-color:#dce3ef;box-shadow:0 8px 30px #23377806}
.demo-loading{padding:2rem}
.demo-edition{display:flex;align-items:center;gap:1.25rem;padding:1rem 1.5rem;background:#f8faff;border-bottom:1px solid #e3e9f4}
.demo-edition-controls{display:flex;flex-shrink:0;padding:4px;border-radius:.7rem;background:#eaf0fa;gap:4px}
.demo-edition-button{padding:.6rem 1.1rem;min-height:44px;font:600 .875rem Inter;border:1px solid transparent;border-radius:.5rem;color:#53617e;background:transparent}
.demo-edition-button[aria-pressed=true]{background:#fff;color:#2541c9;border-color:#d4def0;box-shadow:0 2px 5px #23377809}
.demo-edition-description{font-size:.875rem;color:#4f5e7a;line-height:1.55;margin:0;max-width:38rem}
.page-demo .demo-tabs{padding:.6rem 1.5rem;background:white;gap:.4rem;flex-wrap:wrap;overflow:visible}
.page-demo .demo-tab{font-size:.875rem;display:flex;align-items:center;gap:.5rem;min-width:0}
.demo-pro-badge{font-size:.75rem;color:#6841b0;background:#f1ebff;border:1px solid #e4d8fa;border-radius:4px;padding:.1rem .3rem;font-weight:600}
.page-demo .demo-heading{padding:1.2rem 1.5rem 0;gap:1rem;align-items:center}
.page-demo .demo-heading h2{font-size:1.45rem;letter-spacing:-.035em}
.page-demo .demo-heading .text-button{font-size:.875rem;padding:.5rem 0}
.page-demo .demo-content{padding:1rem 1.5rem 1.5rem}
.page-demo .demo-filters{margin:0 0 1rem;gap:.75rem}
.demo-category-filters{display:flex;gap:.35rem;flex-wrap:wrap}
.page-demo .filter-chip{font-size:.875rem;min-height:44px;padding:.45rem .85rem}
.page-demo .demo-filters label{font-size:.875rem}
.page-demo .demo-filters select,.page-demo .demo-toolbar select,.page-demo .demo-columns select{font-size:.875rem}
.page-demo .demo-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.page-demo .sample-product{min-height:0;padding:0;overflow:hidden;display:flex;border:1px solid #dfe5ef;border-radius:.85rem;background:#fff;box-shadow:none}
.demo-product-visual{position:relative;overflow:hidden;background:#f0f3f7}
.demo-product-photo{display:block;width:100%;height:clamp(180px,17vw,245px);object-fit:cover}
.demo-product-visual .stock-label{position:absolute;top:.7rem;left:.7rem;background:#fff;color:#424e66;font-size:.75rem;border-color:#dfe5ef;box-shadow:0 2px 5px #00000008}
.demo-product-info{display:flex;flex-direction:column;gap:.5rem;padding:1rem;flex:1}
.demo-product-category{font-size:.75rem;color:var(--muted)}
.page-demo .sample-product h3{font-size:1.2rem;line-height:1.3;letter-spacing:-.03em;max-width:none;margin:0 0 .35rem;text-wrap:initial}
.demo-product-action{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto}
.page-demo .sample-price{font-size:1.15rem;line-height:1.4;padding:0;margin:0}
.page-demo .demo-button{font-size:.875rem;min-height:44px;background:white;border-color:#c9d3e4}
.demo-product-action .demo-button{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem .85rem}
.demo-product-action .demo-button>span{font-family:system-ui;font-size:1.15rem;line-height:1}
.page-demo .demo-button.saved{background:#edf2ff;color:#2944ce;border-color:#c4cff6}
.page-demo .demo-button:hover{background:#f0f4ff;border-color:#8ea4ed}
.page-demo .saved-products{margin-block:1.25rem}
.page-demo .saved-product{gap:1.1rem;padding:1rem}
.demo-saved-photo{width:80px;height:80px;object-fit:cover;border-radius:.55rem;flex-shrink:0}
.demo-saved-info{flex:1;min-width:0;overflow-wrap:anywhere}
.page-demo .saved-product h3{font-size:1.1rem;line-height:1.4;letter-spacing:-.025em;margin:0}
.page-demo .saved-product p{font-size:.875rem;margin:.4rem 0 0}
.page-demo .saved-product .private-note{white-space:pre-wrap;overflow-wrap:anywhere}
.demo-stock-note{display:block;font-size:.8125rem;color:#745a22;margin-top:.5rem}
.demo-edition-tip{font-size:.875rem;color:var(--muted);margin:1rem 0 0}
.demo-edition-tip .text-button{font-size:inherit}
.page-demo .empty-state h3{font-size:1.5rem}
.page-demo .demo-status{position:fixed;z-index:55;right:1.25rem;bottom:max(1.25rem,env(safe-area-inset-bottom));width:min(440px,calc(100% - 2.5rem));max-height:45dvh;overflow:auto;min-height:0;padding:.75rem 1rem;border:1px solid #cad6f2;border-radius:.85rem;background:#fff;box-shadow:0 8px 36px #203a7829;display:flex;flex-wrap:nowrap;align-items:center;gap:.75rem;color:var(--ink);font-size:.875rem;line-height:1.5}
.demo-status-message{flex:1;min-width:0;overflow-wrap:anywhere}
.demo-status-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}
.demo-status .text-button{font-size:.875rem;min-width:44px}
.demo-dismiss{font:1.4rem/1 Inter;background:transparent;color:var(--muted);border:0;border-radius:.5rem;min-width:44px;min-height:44px}
.demo-dismiss:hover{background:#f0f4ff}
.demo-disclosure{font-size:.8125rem;color:var(--muted);margin:0 var(--gutter) 2rem;max-width:65rem}
.demo-proof{padding-block:2rem}
.demo-proof-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:1.25rem}
.demo-proof-heading .eyebrow{margin-bottom:.5rem}
.demo-proof h2{font-size:1.75rem;margin:0}
.demo-proof-heading>p{max-width:35rem;font-size:.9375rem;color:var(--muted);margin:0}
.demo-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.demo-proof figure{margin:0;min-width:0;border:1px solid #dfe5ef;border-radius:.85rem;overflow:hidden}
.demo-proof figure>a{display:block;background:#f4f7fc;padding:.8rem .8rem 0;aspect-ratio:16/8;overflow:hidden}
.demo-proof img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border:1px solid #dfe5ef;border-radius:.5rem .5rem 0 0}
.demo-proof figcaption{display:flex;flex-direction:column;gap:.4rem;padding:1rem;font-size:.875rem}
.demo-proof figcaption strong{font-size:1rem}
.demo-proof figcaption span{color:var(--muted)}
.demo-next{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:1.5rem 2rem}
.demo-next h2{font-size:1.6rem;margin:0 0 .5rem}
.demo-next p{font-size:1rem;color:var(--muted);margin:0}
.demo-next .button{flex-shrink:0}
.demo-photo-credits{margin:0 var(--gutter) 2.5rem;font-size:.8125rem;color:var(--muted)}
.demo-photo-credits summary{min-height:44px;padding-block:.6rem}
.demo-photo-credits p{margin:0;max-width:65rem}
@media(max-width:700px){
 .demo-intro{padding-block:1.1rem .9rem;display:block}
 .demo-intro h1{font-size:1.85rem}
 .demo-intro p{font-size:.9375rem;max-width:24rem}
 .demo-sample-label{display:block;white-space:normal;margin-top:.4rem;font-size:.75rem}
 .demo-edition{padding:.75rem;display:block}
 .demo-edition-controls{display:inline-flex}
 .demo-edition-button{padding:.5rem 1.1rem}
 .demo-edition-description{font-size:.875rem;margin:.5rem 0 0;line-height:1.5}
 .page-demo .demo-tabs{padding:.5rem;gap:.25rem}
 .page-demo .demo-tab{flex:1 1 auto;justify-content:center;font-size:.875rem;padding:.6rem .65rem}
 .page-demo .demo-heading{padding:.75rem .85rem 0;flex-wrap:wrap;gap:.25rem .75rem}
 .page-demo .demo-heading h2{font-size:1.25rem}
 .page-demo .demo-content{padding:.65rem .85rem 1rem}
 .page-demo .demo-filters{gap:.25rem;margin-bottom:.75rem}
 .demo-category-filters{gap:.25rem}
 .page-demo .filter-chip{font-size:.8125rem;padding:.4rem .55rem}
 .page-demo .demo-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
 .demo-product-photo{height:auto;aspect-ratio:1;object-fit:cover}
 .demo-product-info{padding:.65rem;gap:.35rem}
 .demo-product-category{display:none}
 .page-demo .sample-product h3{font-size:1rem;line-height:1.3;min-height:2.6em;margin:0}
 .demo-product-action{display:flex;flex-direction:column;align-items:stretch;gap:.6rem}
 .page-demo .sample-price{font-size:1rem}
 .demo-product-action .demo-button{width:100%;font-size:.875rem;padding:.5rem .3rem}
 .demo-product-visual .stock-label{left:.3rem;top:.3rem;right:.3rem;font-size:.75rem;padding:.2rem .3rem;line-height:1.4;text-align:center}
 .page-demo .saved-product{display:flex;flex-wrap:wrap;padding:.8rem;gap:.8rem}
 .demo-saved-photo{width:64px;height:64px}
 .page-demo .saved-product .demo-toolbar{width:100%;gap:1rem}
 .page-demo .demo-status{right:.75rem;bottom:max(.75rem,env(safe-area-inset-bottom));width:calc(100% - 1.5rem);padding:.6rem .65rem;gap:.35rem;font-size:.875rem}
 .demo-disclosure{margin-bottom:1rem}
 .demo-proof{padding-block:1.5rem}
 .demo-proof-heading{display:block}
 .demo-proof-heading>p{font-size:.9375rem;margin-top:.75rem}
 .demo-proof h2{font-size:1.5rem}
 .demo-proof-grid{grid-template-columns:1fr;gap:1rem}
 .demo-next{display:block;padding-block:1rem 1.5rem}
 .demo-next .button{margin-top:1rem}
}
@container page (max-width:21rem){
 .page-demo .demo-products{grid-template-columns:1fr}
 .demo-product-visual .demo-product-photo{height:180px;aspect-ratio:auto}
 .page-demo .sample-product h3{min-height:0}
 .demo-product-action{flex-direction:row;align-items:center}
 .demo-product-action .demo-button{width:auto;min-width:100px}
}
/* Keep the first shopping action in reach on smaller screens. */
@media(max-width:700px){
 .page-demo .release-bar{display:none}
 .demo-intro p{font-size:.9375rem}
 .demo-intro h1{font-size:1.75rem}
 .demo-edition-description{font-size:.875rem}
}
@media(min-width:701px) and (max-height:850px){
 .demo-intro{padding-block:1rem .85rem}
 .demo-edition{padding-block:.6rem}
 .page-demo .demo-heading{padding-top:.65rem}
 .page-demo .demo-content{padding-top:.6rem}
 .demo-product-photo{height:180px}
}
.page-demo .release-bar{display:none}
@media(min-width:701px) and (max-height:850px){
 .demo-intro{padding-block:.75rem .65rem}
}
/* Annual plans: one feature set, four clear site allowances. */
.page-pricing .intro{padding-top:2.5rem;padding-bottom:2rem}
.page-pricing .intro h1{font-size:clamp(2.6rem,4.8vw,4.7rem)}
.page-pricing .intro .lead{max-width:42rem;margin-bottom:0}
.plan-section{padding-top:0;padding-bottom:2.5rem}
.plan-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem 1.5rem;margin-bottom:1rem}
.plan-heading .eyebrow{margin:0;color:var(--lime);font-size:.875rem;letter-spacing:.08em}
.plan-heading>p:last-child{margin:0;color:var(--muted);font-size:.875rem}
.plan-heading .currency-select{padding:0;font-size:.875rem}
.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.plan-card{min-width:0;padding:1.65rem 1.4rem;border:1px solid #203a7830;border-radius:1rem;background:linear-gradient(150deg,#f3f6ff,white 75%);border-top:3px solid #3452e8}
.plan-card h2{font-size:1.5rem;letter-spacing:-.04em;margin:0 0 .5rem}
.plan-audience{color:var(--muted);font-size:.875rem;line-height:1.6;min-height:2.8em;margin:0}
.plan-amount{display:flex;flex-direction:column;gap:.5rem;margin:1.75rem 0 1.5rem}
.plan-amount strong{font:600 clamp(2rem,3.8vw,3.8rem)/1.1 var(--display);letter-spacing:-.07em;overflow-wrap:anywhere}
.plan-amount span{color:var(--muted);font-size:.875rem;line-height:1.5}
.plan-sites{font-size:1rem;margin:0;padding-top:1.1rem;border-top:1px solid #203a781f}
.plan-sites strong{font-size:1.25rem;font-weight:650}
.plan-staging{font-size:.875rem;color:var(--muted);margin:.2rem 0 1.25rem}
.plan-included{font-size:.875rem;margin:0;color:var(--lime)}
.plan-price-note{font-size:.875rem;color:var(--muted);margin:1.1rem 0}
.plan-evaluation{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:1.5rem;padding:1.5rem 1.75rem;border-radius:1rem;background:#edf2ff}
.plan-evaluation>div{max-width:44rem;min-width:0}
.plan-evaluation h2{font-size:1.5rem;letter-spacing:-.04em;margin:0 0 .5rem}
.plan-evaluation p{margin:0;font-size:1rem;color:var(--muted)}
.plan-evaluation .button{flex-shrink:0;font-size:.9375rem}
.plan-features{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding-top:2rem;padding-bottom:3rem}
.plan-features h2{font-size:clamp(2rem,3.2vw,3rem)}
.plan-features>div>p:not(.eyebrow){color:var(--muted);font-size:1rem}
.plan-features .eyebrow{font-size:.875rem}
.plan-features ul{list-style:none;padding:0;margin:0;display:grid;gap:1.2rem}
.plan-features li{padding:0 0 1.2rem;border-bottom:1px solid var(--line)}
.plan-features li strong,.plan-features li span{display:block;font-size:1rem}
.plan-features li span{color:var(--muted);margin-top:.3rem}
.plan-free{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin:0 var(--gutter);padding:2rem;border:1px solid #203a7830;border-radius:1rem}
.plan-free h2{font-size:clamp(1.7rem,2.8vw,2.5rem)}
.plan-free .eyebrow{font-size:.875rem;margin-bottom:.75rem}
.plan-free p:not(.eyebrow){margin:0;color:var(--muted);max-width:43rem;font-size:1rem}
.plan-free .button{flex-shrink:0}
.plan-questions h2{font-size:clamp(2rem,3vw,2.8rem)}
.plan-questions .faq-list{padding:0;max-width:none;margin:1.5rem 0}
.plan-questions .faq-list p{font-size:1rem}
.plan-questions>p{color:var(--muted);font-size:1rem}
@container page (max-width:64rem){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-audience{min-height:0}.plan-amount strong{font-size:3.5rem}.plan-evaluation{align-items:flex-start;flex-direction:column;gap:1.25rem}.plan-features{gap:2rem}}
@container page (max-width:42rem){.plan-features{grid-template-columns:1fr;gap:1.5rem}.plan-free{align-items:flex-start;flex-direction:column;gap:1.25rem}.plan-card{padding:1.35rem}.plan-heading>p:last-child{width:100%}}
@container page (max-width:30rem){.plan-grid{grid-template-columns:1fr}.plan-card{padding:1.5rem}.plan-amount{margin:1.25rem 0}.plan-amount strong{font-size:3.25rem}.plan-evaluation,.plan-free{padding:1.5rem}.plan-evaluation .button,.plan-free .button{width:100%}.plan-heading .currency-select{align-items:flex-start;flex-direction:column}}
