/* Shared scene and surfaces for the storefront, configs, policies and verification. */
.phase-site{position:relative;isolation:isolate}
.phase-scene{position:fixed;inset:0 0 auto;height:min(1100px,110vh);z-index:0;pointer-events:none;background:#15101e url('./assets/courtyard.svg') center top/100% 100% no-repeat;overflow:hidden}
.phase-scene canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .6s ease}
.phase-scene[data-ready=true][data-mode=animated] canvas,.phase-scene[data-ready=true][data-mode=paused] canvas{opacity:1}
.phase-scene:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 34%,#0c0c0f9c 0%,#0c0c0f38 44%,transparent 76%),linear-gradient(180deg,#0c0c0f0a 0%,#0c0c0f08 47%,#0c0c0f9c 78%,#0c0c0f 100%)}
.scene-toggle{position:fixed;right:16px;bottom:16px;z-index:5;border:1px solid #a889cd35;border-radius:4px;background:#110e18e8;color:#b6a7ca;padding:9px 12px;font:500 10px Inter,system-ui,sans-serif;cursor:pointer;backdrop-filter:blur(12px)}
.scene-toggle:hover{background:#2a1d3c;color:#eee5fa}
.phase-site .topbar{background:#0c0c0fc4}
.phase-site .hero{padding-top:94px;padding-bottom:62px}
.phase-site .hero h1{text-shadow:0 3px 35px #09060ec0}
.phase-site .hero-description{color:#d5ccdf;text-shadow:0 2px 14px #09060e}
.phase-site .feature-strip{background:#100d17b8;padding:25px;border:1px solid #b99dd51f;border-radius:6px;backdrop-filter:blur(12px)}
.phase-site .preview-frame{background:#101114eb}
.phase-site .edition-panel,.phase-site .key-panel,.phase-site .pricing-card{background:#111015ed;backdrop-filter:blur(10px)}
.phase-site .auth-modal,.phase-site .admin-shell{border:1px solid #b99dd52b;border-radius:8px;background:#121016f5;box-shadow:0 25px 80px #0007}
.phase-site .auth-modal h2{font-size:31px;font-weight:550;line-height:1.1}
.phase-site .auth-modal input,.phase-site .auth-submit,.phase-site .history-section,.phase-site .admin-tier{border-radius:4px}
.phase-site .auth-submit{font-family:inherit;letter-spacing:0;text-transform:none;font-size:12px}
.phase-site .account-history-shell h2{font-weight:550;letter-spacing:-.04em}
.phase-site .config-library{padding-top:65px}
.phase-site .config-heading h1{font-size:clamp(40px,5.8vw,68px);font-weight:550;line-height:1.05;letter-spacing:-.055em;margin:20px 0}
.phase-site .config-heading>div>p:last-child{max-width:650px;color:#b9adca;line-height:1.8}
.phase-site .config-tools{background:#120f19e8;border:1px solid #b99dd524;border-radius:7px;padding:20px;margin-top:30px;backdrop-filter:blur(12px)}
.phase-site .config-button{font-family:Inter,system-ui,sans-serif;font-size:11px;text-transform:none;letter-spacing:0;border-radius:4px;border-color:#a182ca4a;background:#291e3d;color:#e0d0f1}
.phase-site .config-button[aria-pressed=true],.phase-site .config-button:hover{background:#ad83ed;color:#170d24}
.phase-site .config-button-muted{background:#17131fc9;border-color:#b99dd529;color:#c3b5d2}
.phase-site .config-search label{font-family:inherit;font-size:10px;letter-spacing:.02em;text-transform:none}
.phase-site .config-search input,.phase-site .config-upload input,.phase-site .config-upload select,.phase-site .config-upload textarea{background:#15111de8;border-radius:4px;border-color:#b99dd52e}
.phase-site .config-card{background:#121017ec;border-color:#b99dd52b;border-radius:7px;padding:24px;backdrop-filter:blur(10px)}
.phase-site .config-card h3{font-weight:550;font-size:22px;letter-spacing:-.025em}
.phase-site .config-card-meta{font-family:inherit;font-size:10px;letter-spacing:0}
.phase-site .config-bindings{border-color:#b99dd51a}
.phase-site .config-bindings dd{font-family:inherit;color:#bda1e6}
.phase-site .config-upload{background:#131018;border-color:#b99dd538;border-radius:8px;box-shadow:0 25px 100px #0009}
.policy-page main{position:relative;z-index:1;width:min(860px,100%);margin:55px auto 80px;padding:40px 45px;background:#110e16ed;border:1px solid #b99dd524;border-radius:8px;line-height:1.8;backdrop-filter:blur(12px)}
.policy-page .brand{margin:0}
.policy-page main h1{font-size:clamp(35px,5vw,54px);font-weight:550;line-height:1.07;letter-spacing:-.045em}
.policy-page main h2{font-size:22px;font-weight:550;letter-spacing:-.025em}
.policy-page .meta{font-family:inherit;font-size:10px;letter-spacing:.06em;color:#a994c0}
.policy-page .notice{background:#23182f63;border-radius:5px;border-color:#b99dd526}
.policy-page p,.policy-page li{color:#b3a6c1;font-size:14px}
.policy-page main a{color:#c09be9;text-underline-offset:3px}
.verified-page{min-height:100vh}
.verified-page .shell{position:relative;z-index:1;background:#120f18f0;border:1px solid #b99dd535;border-radius:8px;box-shadow:0 25px 90px #0008}
.verified-page .shell .brand{font-family:Inter,system-ui,sans-serif;letter-spacing:-.03em;text-transform:none;font-size:20px;align-items:center;gap:10px}
.verified-page .shell .brand>span{color:var(--text)}
.verified-page .shell .brand .brand-client{color:var(--accent)}
.verified-page .shell h1{font-size:clamp(36px,6vw,56px);font-weight:550;line-height:1.04}
.verified-page .note{border-radius:5px;font-family:inherit;font-size:12px}
.verified-page .shell>a{border-radius:4px;font-family:inherit;font-size:12px;text-transform:none;letter-spacing:0;font-weight:550}
@media(max-width:640px){.phase-scene{height:1000px}.phase-site .hero{padding-top:65px;padding-bottom:40px}.phase-site .feature-strip{padding:20px 14px}.phase-site .config-library{padding-top:40px}.phase-site .config-tools{padding:14px}.phase-site .config-card{padding:20px}.policy-page main{margin:30px auto 50px;padding:26px 22px}.policy-page p,.policy-page li{font-size:13px}.scene-toggle{padding:8px 10px;font-size:9px;right:10px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.phase-scene canvas{display:none}.scene-toggle{display:none!important}.phase-scene canvas{transition:none}}