.demo-page{--page:var(--art-f5f6ef);--surface:var(--art-fffef9);--ink:var(--art-18291e);--muted:var(--art-526253);--brand:var(--art-24573b);--accent:var(--art-d9ec98);--soft:var(--art-e9eddf);--border:var(--art-d6ddce);background:var(--page);color:var(--ink);min-height:100vh}.demo-page.sand{--page:var(--art-f8f1e7);--surface:var(--art-fffcf7);--ink:var(--art-402b21);--muted:var(--art-735e51);--brand:var(--art-894229);--accent:var(--art-f1c69d);--soft:var(--art-f0e5d6);--border:var(--art-e4d6c5)}.demo-page.night{color-scheme:dark;--page:var(--art-171822);--surface:var(--art-21222d);--ink:var(--art-f4f0e7);--muted:var(--art-c0bcb6);--brand:var(--art-e7d2a8);--accent:var(--art-3e443f);--soft:var(--art-292b36);--border:var(--art-464752);--color-focus:var(--art-b5d8ff)}.demo-page [hidden]{display:none!important}.demo-nav,.demo-main,.demo-footer{width:min(100% - 3rem,70rem);margin-inline:auto}.demo-nav{color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;font-size:.75rem;display:flex}.demo-nav a,.demo-footer a{min-height:var(--tap-min);align-items:center;display:inline-flex}.demo-status{border:var(--stroke-1) solid var(--border);border-radius:var(--radius-pill);padding:.35rem .7rem;font-size:.65rem}.creator{align-items:center;gap:.8rem;margin-block:1.5rem;display:flex}.creator-avatar{background:var(--brand);height:2.625rem;color:var(--surface);font-family:var(--font-display);border-radius:50%;flex:0 0 2.625rem;place-items:center;display:grid}.creator strong{font-size:.9rem;display:block}.creator small{color:var(--muted);font-size:.7rem;display:block}.overline{letter-spacing:.12em;color:var(--brand);font-size:.7rem;font-weight:650}.demo-page h1{letter-spacing:-.06em;text-wrap:balance;margin:1.1rem 0 1.5rem;font-size:clamp(2.5rem,5.4vw,4.9rem);font-weight:550;line-height:1.04}.demo-page h2{letter-spacing:-.04em;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:550;line-height:1.15}.intro-copy{color:var(--muted);max-width:48ch;font-size:1.05rem}.primary-action{border-radius:var(--radius-md);background:var(--brand);min-height:3.25rem;color:var(--surface);font:inherit;cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:2rem;padding:.9rem 1.25rem;font-size:.9rem;font-weight:650;text-decoration:none;display:inline-flex}.primary-action:hover{filter:brightness(1.08)}.action-note{color:var(--muted);margin-top:.65rem;font-size:.72rem;display:block}.benefit-list{color:var(--muted);padding-left:1.2rem;font-size:.9rem}.benefit-list li{padding-block:.25rem}.campaign-hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:4rem;padding-block:2rem 4rem;display:grid}.book-stage{background:var(--accent);border-radius:12rem 12rem 1.5rem 1.5rem;place-items:center;min-height:28.125rem;padding:3rem;display:grid}.book{background:var(--brand);width:min(100%,16.875rem);min-height:21.25rem;color:var(--surface);box-shadow:.875rem 1.125rem 0 color-mix(in srgb, var(--color-scrim) 8%, transparent);border-left:.5rem solid color-mix(in srgb, var(--color-surface) 18%, transparent);flex-direction:column;justify-content:space-between;padding:1.5rem;display:flex;transform:rotate(-7deg)}.book small{letter-spacing:.12em;font-size:.6rem}.book strong{font-family:var(--font-display);font-size:2.1rem;font-weight:400;line-height:1.1}.book span{font-size:4rem}.book footer{font-size:.7rem}.public-preview{border-top:var(--stroke-1) solid var(--border);grid-template-columns:.75fr 1.25fr;gap:3rem;padding-block:3rem;display:grid}.public-preview p,.preview-list p{color:var(--muted);font-size:.9rem}.preview-list{counter-reset:preview}.preview-row{border-bottom:var(--stroke-1) solid var(--border);grid-template-columns:2.1875rem 1fr;gap:1rem;padding:1rem 0;display:grid}.preview-row span{font-family:var(--font-display);color:var(--brand)}.preview-row p{margin:0}.secondary-links{flex-wrap:wrap;gap:1rem;padding-block:1rem 3rem;display:flex}.secondary-links a,.secondary-links button{min-height:var(--tap-min);border:var(--stroke-1) solid var(--border);border-radius:var(--radius-pill);color:var(--ink);font:inherit;cursor:pointer;background:0 0;align-items:center;padding:.7rem 1rem;font-size:.8rem;text-decoration:none;display:inline-flex}.library-header{text-align:center;max-width:43.75rem;margin:2.5rem auto}.library-header .creator{justify-content:center}.library-header h1{font-size:clamp(2.5rem,5vw,4.1rem)}.library-header .intro-copy{margin-inline:auto}.library-toolbar{border-top:var(--stroke-1) solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding-block:1.5rem;display:flex}.search-label{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.7rem;display:flex}.search-label input{border:var(--stroke-1) solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:min(19.375rem,100%);color:var(--ink);padding:.75rem 1rem}.filters{flex-wrap:wrap;gap:.5rem;display:flex}.filters button{min-height:var(--tap-min);border:var(--stroke-1) solid var(--border);border-radius:var(--radius-pill);color:var(--ink);font:inherit;cursor:pointer;background:0 0;padding:.55rem .9rem;font-size:.8rem}.filters button[aria-pressed=true]{background:var(--brand);color:var(--surface);border-color:var(--brand)}.search-label{flex:1;min-width:0;max-width:22.5rem}.search-label input{width:100%;min-width:0}.library-result{color:var(--muted);font-size:.75rem}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;padding-block:1rem 3rem;display:grid}.resource-card{border:var(--stroke-1) solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex;overflow:hidden}.resource-cover{background:var(--soft);min-height:10rem;color:var(--brand);justify-content:space-between;align-items:flex-start;padding:1.4rem;display:flex}.resource-cover.variant-1{background:var(--art-e6bd9d);color:var(--art-65391f)}.resource-cover.variant-2{background:var(--art-dce1c5);color:var(--color-text)}.resource-cover span:first-child{max-width:12ch;font-family:var(--font-display);font-size:1.55rem;line-height:1.1}.resource-cover span:last-child{font-size:2.5rem}.resource-body{flex-direction:column;flex:1;padding:1.25rem;display:flex}.resource-body h2{font-size:1.15rem}.resource-body p{color:var(--muted);font-size:.8rem}.resource-body .primary-action{gap:1rem;margin-top:auto;font-size:.75rem}.access-label{letter-spacing:.08em;color:var(--brand);font-size:.6rem;font-weight:700}.resource-meta{font-size:.7rem!important}.empty-results{border:var(--stroke-1) dashed var(--border);border-radius:var(--radius-md);color:var(--muted);padding:2rem}.empty-results button{margin-top:1rem}.editorial-header{grid-template-columns:1.4fr .6fr;align-items:end;gap:3rem;padding-block:2rem 3rem;display:grid}.editorial-header h1{font-family:var(--font-display);letter-spacing:-.05em;font-size:clamp(2.7rem,6vw,5.5rem);font-weight:400}.editorial-header .creator{margin-bottom:0}.editorial-header .intro-copy{font-size:.9rem}.visual-studies{grid-template-columns:1.3fr .8fr 1fr;align-items:start;gap:1rem;display:grid}.visual-study{margin:0}.visual-study:nth-child(2){margin-top:3rem}.visual-study:nth-child(3){margin-top:1.5rem}.study-art{background:var(--art-aaa394);height:18.125rem;position:relative;overflow:hidden}.study-art:before,.study-art:after{content:"";position:absolute}.study-light{background:linear-gradient(130deg, var(--art-514e43) 0 35%, var(--art-ddcba1) 35% 67%, var(--art-797763) 67%)}.study-light:before{border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--art-292b26);width:6.25rem;height:10rem;bottom:0;left:25%}.study-frame{background:var(--art-76877c)}.study-frame:before{border:.9375rem solid var(--art-e1d8c7);inset:2.1875rem;transform:rotate(8deg)}.study-frame:after{background:var(--art-d4af87);border-radius:50%;width:4.0625rem;height:4.0625rem;top:6.5625rem;left:35%}.study-contrast{background:var(--color-text)}.study-contrast:before{background:var(--art-d2c8ae);border-radius:50%;width:13.75rem;height:13.75rem;top:4.0625rem;left:-3.4375rem}.study-contrast:after{background:var(--color-muted);width:5rem;height:13.125rem;top:8.125rem;right:-.625rem;transform:rotate(35deg)}.visual-study figcaption{color:var(--muted);justify-content:space-between;gap:.7rem;padding-top:.75rem;font-size:.7rem;display:flex}.editorial-offer{border-top:var(--stroke-1) solid var(--border);grid-template-columns:1fr 1fr;align-items:center;gap:3rem;margin-top:3rem;padding-block:3rem;display:grid}.editorial-offer h2{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,3rem);font-weight:400}.editorial-offer .primary-action{width:100%}.editorial-offer p{color:var(--muted);font-size:.9rem}.editorial-exercise{background:var(--soft);border:var(--stroke-1) solid var(--border);border-radius:var(--radius-md);padding:1.5rem}.editorial-exercise ol{color:var(--muted);padding-left:1.3rem;font-size:.9rem}.editorial-exercise li{margin-block:1rem}.demo-footer{border-top:var(--stroke-1) solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:1.5rem;font-size:.75rem;display:flex}.demo-footer p{max-width:60ch;font-size:.7rem}.access-dialog{border:var(--stroke-1) solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(100% - 2rem,31.25rem);max-height:calc(100dvh - 3rem);color:var(--ink);padding:2rem;overflow-y:auto}.access-dialog::backdrop{background:color-mix(in srgb, var(--color-scrim) 60%, transparent)}.dialog-close{width:var(--tap-min);height:var(--tap-min);color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:1.8rem;position:absolute;top:.5rem;right:.5rem}.prototype-label{letter-spacing:.06em;color:var(--muted);padding-right:1rem;font-size:.55rem}.dialog-step{color:var(--brand);margin-top:1.5rem;font-size:.75rem}.access-dialog h2{font-size:1.65rem}.access-dialog p{color:var(--muted);font-size:.85rem}.access-dialog label{margin-top:1rem;font-size:.85rem;display:block}.access-dialog label span{color:var(--muted);font-size:.65rem;display:block}.access-dialog input[type=email]{border:var(--stroke-1) solid var(--border);border-radius:var(--radius-sm);background:var(--soft);width:100%;color:var(--ink);margin-top:.5rem;padding:.8rem}.access-dialog .privacy-copy{font-size:.7rem}.access-dialog .marketing{color:var(--muted);align-items:center;gap:.5rem;font-size:.7rem;display:flex}.access-dialog .primary-action{width:100%;margin-top:1.5rem}.dialog-price{color:var(--ink)!important;font-size:1.5rem!important}.delivery-preview{border-radius:var(--radius-md);background:var(--soft);gap:.5rem;margin-block:1rem;padding:1.25rem;display:grid}.delivery-preview>span{font-size:2rem}.delivery-preview small{color:var(--muted);font-size:.75rem}@media (width<=50em){.campaign-hero,.public-preview,.editorial-header,.editorial-offer{grid-template-columns:1fr;gap:2rem}.campaign-hero{padding-top:.5rem}.book-stage{min-height:22.5rem}.book{min-height:17.5rem}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-toolbar{flex-direction:column;align-items:stretch}.search-label input{width:100%}.editorial-header{padding-block:1rem 2rem}.editorial-header h1{margin-bottom:0}.study-art{height:13.75rem}.visual-studies{gap:.6rem}.visual-study figcaption{font-size:.6rem}.editorial-offer{margin-top:2rem}}@media (width<=32.5em){.demo-nav,.demo-main,.demo-footer{width:calc(100% - 2rem)}.demo-nav{align-items:flex-start}.demo-status{text-align:center;max-width:10.625rem}.resource-grid{grid-template-columns:1fr}.resource-card{grid-template-columns:.65fr 1.35fr;display:grid}.resource-cover{min-height:100%;padding:1rem}.resource-cover span:first-child{font-size:1.2rem}.resource-cover span:last-child{display:none}.resource-body{padding:1rem}.resource-body h2{margin-top:.7rem}.primary-action{width:100%}.visual-studies{grid-template-columns:1fr 1fr}.visual-study:first-child{grid-column:1/-1}.visual-study:nth-child(n){margin-top:0}.visual-study:first-child .study-art{height:16.25rem}.access-dialog{padding:1.5rem}}.demo-page{isolation:isolate;padding-bottom:5rem}.demo-nav{flex-wrap:wrap}.photo-backdrop{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.photo-backdrop picture,.photo-backdrop img{width:100%;height:100%;display:block}.photo-backdrop img{object-fit:cover;object-position:var(--photo-focal,50%) 50%;filter:blur(var(--photo-blur,0));transform:scale(1.04)}.photo-shade{background:color-mix(in srgb, var(--color-scrim) calc(var(--photo-overlay,.15) * 100%), transparent);position:absolute;inset:0}.demo-page[data-background=gradient]:before{content:"";z-index:-1;background:radial-gradient(ellipse at 10% 0%, color-mix(in srgb, var(--brand) 25%, transparent), transparent 65%), linear-gradient(145deg, var(--page), var(--soft));pointer-events:none;position:fixed;inset:0}.demo-page[data-background]:not([data-background=solid]) .demo-main{background:var(--surface);border:var(--stroke-1) solid var(--border);border-radius:var(--custom-radius,var(--radius-lg));margin-block:1rem;padding-inline:clamp(1rem,3vw,2.5rem)}.demo-page[data-surface=glass]:not([data-background=solid]) .demo-main{background:color-mix(in srgb, var(--surface) var(--surface-opacity,96%), transparent)}.demo-page[data-background]:not([data-background=solid]) .demo-nav,.demo-page[data-background]:not([data-background=solid]) .demo-footer{background:var(--surface);border:var(--stroke-1) solid var(--border);border-radius:var(--custom-radius,var(--radius-lg));margin-top:1rem;padding:.7rem 1.2rem}.demo-page .primary-action,.creator-avatar,.demo-page .book,.demo-page .filters button[aria-pressed=true]{color:var(--button-text,var(--surface))}.demo-page .overline,.demo-page .access-label,.demo-page .dialog-step{color:var(--heading-accent,var(--brand))}.demo-page .resource-cover:not(.variant-1):not(.variant-2){color:var(--ink)}.demo-page .creator-avatar{border:var(--stroke-3) solid var(--surface);outline:var(--stroke-1) solid var(--border);height:3.75rem;box-shadow:0 .25rem .875rem color-mix(in srgb, var(--color-scrim) 10%, transparent);flex-basis:3.75rem;overflow:hidden}.creator-avatar img{object-fit:cover;width:100%;height:100%}.creator-avatar [data-initials]{place-items:center;width:100%;height:100%;display:grid}.resource-card,.primary-action,.editorial-exercise{border-radius:var(--custom-radius,var(--radius-md))}.library-view{gap:.5rem;display:flex}.library-view button{min-height:var(--tap-min);border:var(--stroke-1) solid var(--border);border-radius:var(--radius-sm);color:var(--ink);font:inherit;cursor:pointer;background:0 0;padding:.5rem 1rem;font-size:.8rem}.library-view button[aria-pressed=true]{background:var(--brand);color:var(--button-text,var(--surface))}.resource-grid[data-layout=list]{grid-template-columns:1fr}.resource-grid[data-layout=list] .resource-card{grid-template-columns:minmax(8.125rem,.6fr) 1.4fr;display:grid}.resource-grid[data-layout=list] .resource-cover{min-height:100%}.demo-page[data-layout=compact] .demo-main,.demo-page[data-layout=compact] .demo-nav,.demo-page[data-layout=compact] .demo-footer{max-width:40rem}.demo-page[data-layout=compact] .campaign-hero,.demo-page[data-layout=compact] .editorial-header,.demo-page[data-layout=compact] .editorial-offer,.demo-page[data-layout=compact] .public-preview{grid-template-columns:1fr;gap:1.5rem}.demo-page[data-layout=compact] h1{font-size:clamp(2rem,6vw,3rem)}.demo-page[data-layout=compact] .campaign-hero{padding-block:1rem 2rem}.demo-page[data-layout=compact] .campaign-hero>div:first-child{text-align:center}.demo-page[data-layout=compact] .creator{justify-content:center}.demo-page[data-layout=compact] .creator strong{font-size:1.1rem}.demo-page[data-layout=compact] .benefit-list{text-align:left}.demo-page[data-layout=compact] .primary-action{width:100%}.demo-page[data-layout=compact] .resource-grid{grid-template-columns:1fr}.demo-page[data-layout=compact] .library-toolbar{flex-direction:column;align-items:stretch}.access-dialog input[type=text],.access-dialog input[type=tel],.access-dialog input[type=email]{border:var(--stroke-1) solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--ink);font:inherit;margin-top:.5rem;padding:.8rem}.appearance-panel{z-index:30;border:var(--stroke-1) solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-sunken);width:min(20.625rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--color-text);box-shadow:0 .5rem 2.25rem color-mix(in srgb, var(--color-scrim) 18%, transparent);color-scheme:light;font-family:var(--font-body);position:fixed;bottom:1rem;right:1rem;overflow-y:auto}.appearance-panel summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:3.25rem;padding:.9rem 1rem;font-size:.85rem;font-weight:650;list-style:none;display:flex}.appearance-panel summary::-webkit-details-marker{display:none}.appearance-controls{border-top:var(--stroke-1) solid var(--color-border);padding:0 1rem 1rem}.appearance-controls h2{color:var(--color-text);margin-top:1rem;font-size:1.2rem}.appearance-controls label{color:var(--color-text);flex-direction:column;gap:.35rem;margin-top:.85rem;font-size:.75rem;font-weight:550;display:flex}.appearance-controls select,.appearance-controls input[type=file]{width:100%;min-height:var(--tap-min);border:var(--stroke-1) solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;padding:.5rem;font-size:.75rem}.appearance-controls input[type=file]{font-size:.65rem}.appearance-controls input[type=range]{width:100%;min-height:1.75rem;accent-color:var(--color-brand)}.appearance-controls input[type=color]{width:100%;height:var(--tap-min);border:var(--stroke-1) solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);padding:.1875rem}.appearance-controls .color-fields{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.appearance-controls .panel-hint,.appearance-controls .panel-status{color:var(--color-muted);font-size:.7rem;line-height:1.5}.appearance-controls button{width:100%;min-height:var(--tap-min);border:var(--stroke-1) solid var(--color-brand);border-radius:var(--radius-sm);background:var(--color-brand);color:var(--color-on-brand);font:inherit;cursor:pointer;font-size:.8rem}.appearance-controls hr{border:0;border-top:var(--stroke-1) solid var(--color-border);margin-block:1.25rem}@media (prefers-reduced-transparency:reduce){.demo-page[data-surface=glass]:not([data-background=solid]) .demo-main{background:var(--surface)}}@media (width<=32.5em){.appearance-panel[open]{max-height:72dvh}.demo-page[data-background]:not([data-background=solid]) .demo-main{padding-inline:1rem}.demo-page[data-layout=compact] .book-stage{padding:1.5rem}.demo-page .creator-avatar{flex-basis:3.375rem;height:3.375rem}}