.site-demo-b{margin:0;padding:66px 0 0;background:#fff;color:#211b32;font:15px/1.55 Arial,sans-serif}.site-demo-b *{box-sizing:border-box}.site-demo-b [hidden]{display:none!important}.concepts h1,.concepts h2,.concepts h3{font-family:Georgia,serif;font-weight:500;letter-spacing:-.03em;line-height:1.08;margin:0 0 24px}.concepts h1{font-size:clamp(40px,4.6vw,66px)}.concepts h2{font-size:clamp(32px,3.7vw,52px)}.concepts h3{font-size:32px}.concepts em{color:#6939ce;font-weight:400}.concepts p{margin:0 0 20px}.concepts button,.concepts input,.concepts textarea{font:inherit}.concepts button{cursor:pointer}.concepts button:focus-visible,.concepts input:focus-visible,.concepts textarea:focus-visible,.concepts [contenteditable]:focus-visible{outline:3px solid #aa7eea;outline-offset:4px}.concept-nav{position:fixed;inset:0 0 auto;min-height:66px;background:#211b32;z-index:99;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;color:white;gap:16px}.concept-nav a{color:white;text-decoration:none;font-size:12px}.concept-nav>div{display:flex;gap:8px}.concept-nav button{color:#e2d8ef;background:transparent;border:1px solid #6f5f83;border-radius:4px;padding:9px 18px;font-size:13px}.concept-nav button[aria-pressed=true]{background:#c5abfc;color:#211b32;border-color:#c5abfc}.concept-nav>span{font-size:11px}.concepts .section{padding:78px max(40px,calc((100vw - 1200px)/2));overflow:hidden}.concepts .label{display:block;font-size:12px;margin-bottom:20px;color:#6939ce}.concepts .action{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 22px;background:#6939ce;border:0;color:white;border-radius:4px;width:100%;font-size:13px}.concepts label{display:block;font-size:12px}.concepts input,.concepts textarea{display:block;width:100%;padding:14px;border:1px solid #cfc4df;background:white;color:#211b32;border-radius:3px;margin:9px 0 20px;font-size:14px;resize:vertical}.concepts .small,.concepts .disclaimer{font-size:11px;color:#71677d}.concepts .disclaimer{margin-top:28px;margin-bottom:0}.concepts .state{display:inline-block;font-size:12px;background:#e7f0e8;color:#285b4f;padding:6px 10px;margin-bottom:22px}.concepts dl{margin:0 0 24px;display:grid;gap:14px}.concepts dl>div{display:flex;justify-content:space-between;gap:24px;padding-bottom:12px;border-bottom:1px solid #ded6e7}.concepts dt{font-size:12px;color:#71677d}.concepts dd{margin:0;font-size:14px}.concepts .colors{display:flex;gap:12px;align-items:center;margin:20px 0}.concepts .colors>span{font-size:12px;margin-right:auto}.concepts .colors button{width:25px;height:25px;background:var(--color);border:3px solid white;outline:1px solid #c4b8d3;border-radius:50%;padding:0}.concepts .colors button[aria-pressed=true]{outline:2px solid #211b32}.concepts .mini-site{--accent:#6939ce;background:#faf8f4;overflow:hidden;color:#211b32;position:relative}.site-nav{padding:22px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1dcd5;font-size:10px}.site-nav b{font:700 24px Georgia,serif}.site-nav b span{color:var(--accent)}.site-content{padding:36px 30px}.site-content>span{font-size:11px;color:#71677d;display:block;margin-bottom:20px}.site-content h3{font-size:45px;margin-bottom:20px;color:var(--accent)}.site-content p{font-size:13px}.site-content a{font-size:12px;color:var(--accent)}.mini-site>img{width:100%;height:250px;object-fit:cover;object-position:top;display:block}
/* A: an image-led story, a message floating over the website and a reply below. */
.a-contact{display:grid;grid-template-columns:.8fr 1.4fr;gap:35px 70px;align-items:center}.a-contact .intro p{color:#71677d;max-width:30ch}.a-scene{position:relative;padding:0 0 120px 50px}.a-browser{height:420px;background:#ebe5f2;overflow:hidden;transform:translateX(35px)}.browser-line{padding:12px 18px;font-size:10px;background:#e9e2f1;display:flex;justify-content:space-between}.a-browser>img{width:100%;display:block}.a-letter{position:absolute;left:0;bottom:0;background:#fff;padding:28px;width:75%;box-shadow:0 6px 8px #211b3218}.a-letter h3{font-size:30px}.a-stamp{position:absolute;right:0;bottom:28px;font-size:12px;width:100px;color:#6939ce}.a-stamp b{display:block;font-size:45px;font-weight:400}.a-route{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;border-block:1px solid #ded6e7;padding:25px 0;margin-top:20px;font-size:14px}.a-route i{color:#6939ce;font-size:24px}.a-result{grid-column:1/-1;background:#f4f0f8;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:10px 50px}.a-result .state{justify-self:start;align-self:start}.a-result h3{grid-column:1}.a-result dl{grid-column:2;grid-row:1/4}.a-contact .disclaimer{grid-column:1/-1;margin-top:0}.a-edit{background:#f0ebf7}.edit-intro{max-width:700px;margin-bottom:42px}.a-editor{display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:center}.a-tools{background:#fff;padding:26px}.a-editor .mini-site{display:grid;grid-template-columns:1fr 1fr;box-shadow:12px 12px 0 #d9cde9}.a-editor .site-nav{grid-column:1/-1}.a-editor .mini-site>img{height:100%;min-height:340px}.a-editor .site-content h3{font-size:42px}
/* B: a vertical guided journey with one dossier, then direct on-canvas editing. */
.b-contact{display:grid;grid-template-columns:1fr 1.2fr;gap:60px 100px;background:#f7f5f0;align-items:start}.b-lead>p{max-width:33ch;color:#71677d}.b-steps{margin-top:35px;display:grid;gap:0}.b-steps button{display:flex;gap:24px;text-align:left;background:transparent;border:0;border-top:1px solid #d7cfc3;padding:22px 0;color:#71677d}.b-steps button b{font-size:12px;padding-top:5px}.b-steps button span{font:24px Georgia,serif}.b-steps small{font:12px Arial,sans-serif;display:block;margin-top:9px}.b-steps button[aria-pressed=true]{color:#6939ce}.b-file{margin-top:40px}.file-tab{background:#6939ce;color:#fff;padding:14px 24px;font-size:12px;width:75%;border-radius:10px 20px 0 0}.b-page{background:white;padding:40px;min-height:525px;box-shadow:8px 8px 0 #e5e0d6}.file-top{display:flex;justify-content:space-between;font-size:11px;color:#71677d;margin-bottom:35px}.b-page h2{font-size:40px}.b-page .small{margin-top:18px}.b-contact>.disclaimer{grid-column:1/-1}.checklist{list-style:none;padding:0;display:grid;gap:22px;margin:32px 0}.checklist li:before{content:'✓';margin-right:15px;color:#6939ce}.text-button{border:0;background:none;padding:15px 0;color:#6939ce}.b-edit-head{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:40px}.b-edit-head>p{color:#71677d;font-size:14px}.b-canvas{border:1px solid #d3c8e3}.edit-ribbon{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 25px;background:#211b32;color:#fff;font-size:11px}.edit-ribbon .colors{margin:0}.b-canvas .mini-site{display:grid;grid-template-columns:1fr 1fr}.b-canvas .site-nav{grid-column:1/-1}.b-canvas .site-content{padding:60px 45px}.b-canvas .mini-site>img{height:100%;max-height:450px}.b-canvas [contenteditable]{border:1px dashed #9c75d2;padding:12px;margin-left:-12px;min-width:0;overflow-wrap:anywhere}
/* C: one immersive stage, switching point of view; editor floats over the canvas. */
.c-contact{background:#211b32;color:#fff}.c-heading{text-align:center;max-width:1000px;margin:0 auto 30px}.c-heading h1{font-size:clamp(38px,4vw,58px)}.c-heading em{color:#c6a7ff}.c-heading p{color:#d5c8e5}.c-switch{display:flex;justify-content:center;gap:8px;margin-bottom:30px}.c-switch button{background:transparent;color:#ded2ec;border:1px solid #6f5c86;padding:12px 24px;border-radius:30px;font-size:13px}.c-switch button[aria-pressed=true]{background:#c5a8fb;color:#211b32;border-color:#c5a8fb}.c-switch span{font-size:10px;margin-left:8px}.c-stage{min-height:460px}.c-visitor{display:grid;grid-template-columns:1.2fr 1fr;background:#fff;color:#211b32;min-height:460px}.c-art{position:relative;overflow:hidden;max-height:500px}.c-art img{height:100%;width:100%;object-fit:cover;object-position:top;filter:brightness(.5)}.c-art>span{position:absolute;bottom:35px;left:35px;font:38px/1.1 Georgia,serif;color:#fff;max-width:80%}.c-visitor form{padding:38px}.c-visitor h2{font-size:39px}.c-team{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;min-height:460px;padding:40px;background:#332742}.team-brand{font:bold 60px Georgia,serif}.team-brand>span{color:#b897eb}.team-brand small{font:13px Arial,sans-serif;display:block;margin-top:20px;color:#d5c8e5}.team-ticket{padding:30px;background:white;color:#211b32}.c-contact .disclaimer{color:#c8bad7;text-align:center}.c-edit-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px}.c-edit-heading p{color:#71677d}.c-editor-stage{position:relative;padding-bottom:80px}.c-editor-stage .mini-site{min-height:520px}.c-editor-stage .mini-site>img{position:absolute;inset:0;height:100%;filter:brightness(.35);z-index:0}.c-editor-stage .site-nav,.c-editor-stage .site-content{position:relative;z-index:1;color:white}.c-editor-stage .site-nav{border-color:#ffffff40}.c-editor-stage .site-content{padding:65px;max-width:65%}.c-editor-stage .site-content h3{font-size:60px;color:white}.c-editor-stage .site-content>span,.c-editor-stage .site-content a{color:#dfc9ff}.c-floating-tools{position:absolute;right:35px;bottom:0;background:#f1eaf9;padding:26px;width:330px;z-index:2;box-shadow:0 4px 8px #211b3218}.c-editor-stage .site-content h3{color:var(--accent);background:#ffffffeb;display:table;padding:10px}
@media(max-width:800px){.concept-nav{padding:8px;flex-wrap:wrap;justify-content:center}.concept-nav>a,.concept-nav>span{display:none}.concept-nav button{padding:10px 12px}.concepts .section{padding:42px 22px}.a-contact,.a-editor,.b-contact{grid-template-columns:1fr;gap:30px}.a-scene{padding-left:15px}.a-browser{transform:none;height:400px}.a-letter{width:80%;padding:20px}.a-stamp{width:65px;font-size:10px}.a-route{font-size:11px;gap:10px}.a-result{display:block}.a-result dl{margin-top:25px}.a-editor .mini-site,.b-canvas .mini-site{grid-template-columns:1fr}.a-editor .mini-site>img{min-height:0;height:220px}.b-file{margin-top:0}.b-page{padding:25px;min-height:460px}.b-edit-head,.c-edit-heading{display:block}.b-canvas .mini-site>img{height:220px}.edit-ribbon{padding:12px;flex-wrap:wrap}.b-canvas .site-content{padding:30px}.c-visitor,.c-team{grid-template-columns:1fr}.c-art{height:210px}.c-art>span{font-size:28px}.c-visitor form{padding:25px}.c-team{padding:22px;gap:24px}.team-brand{font-size:38px}.c-floating-tools{position:relative;width:calc(100% - 30px);right:auto;margin:-30px auto 0}.c-editor-stage .site-content{max-width:100%;padding:35px 25px 80px}.c-editor-stage .site-content h3{font-size:42px}.c-editor-stage{padding-bottom:0}.site-nav{padding:18px;font-size:9px}.site-content h3{font-size:36px}.concepts h1{font-size:44px}.concepts dd{font-size:12px}}

.site-demo-b{padding:0!important}.site-demo-b .section{scroll-margin-top:100px}.site-demo-b .b-edit{background:white}
.site-demo-b h1,.site-demo-b h2,.site-demo-b h3{margin:0 0 24px!important;line-height:1.1!important;letter-spacing:-.03em!important;font-family:Georgia,serif!important;font-weight:500!important}
body.ws-page .site-demo-b .b-lead h2{font-size:clamp(40px,4.6vw,66px)!important}
body.ws-page .site-demo-b .b-page h2{font-size:40px!important}
body.ws-page .site-demo-b .b-edit-head h2{font-size:clamp(32px,3.7vw,52px)!important}
body.ws-page .site-demo-b .site-content h3{font-size:45px!important}
@media(max-width:800px){body.ws-page .site-demo-b .b-lead h2{font-size:44px!important}body.ws-page .site-demo-b .b-page h2{font-size:34px!important}}