.demo-body{background:var(--paper);color:var(--ink)}.demo-shell{max-width:1120px;margin:0 auto;padding:60px clamp(20px,5vw,70px) 100px}.demo-heading{display:grid;grid-template-columns:1fr 170px;gap:50px;align-items:center;padding-bottom:55px}.demo-heading h1{font:400 clamp(58px,7.6vw,105px)/.94 var(--serif);letter-spacing:-.07em;margin:24px 0}.demo-heading h1 i{color:var(--red)}.demo-heading p:last-child{font:16px/1.6 Georgia,serif;color:#6d5c52}.demo-cover{justify-self:end;transform:rotate(4deg);width:155px;box-shadow:14px 15px 0 #bdaca158}.demo-cover img{width:100%}.demo-app{background:#f7f3e9;box-shadow:0 20px 60px #2a140e15;border:1px solid #d6c7b9}.demo-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #c9bcb0;padding:19px 27px}.demo-topbar>div:first-child{display:flex;align-items:center;gap:16px}.demo-small{font:700 9px Arial,sans-serif;letter-spacing:.17em;color:#86685d}.demo-topbar strong{font:400 33px var(--serif);color:var(--red)}.demo-switch{display:flex;border:1px solid #cbbab0;padding:3px}.demo-switch button{border:0;background:transparent;padding:11px 18px;font:700 10px Arial,sans-serif;letter-spacing:.07em;color:#655950}.demo-switch button.active{background:var(--ink);color:#f5ebe2}.demo-panel{padding:clamp(28px,5vw,70px);min-height:430px}.demo-panel h2{font:400 clamp(53px,6vw,77px)/.99 var(--serif);letter-spacing:-.065em;margin:17px 0 28px}.demo-panel label{font:700 9px Arial,sans-serif;letter-spacing:.13em;color:#87746b;display:block;margin-bottom:10px}.demo-panel input{border:0;border-bottom:1px solid #7f6a60;outline:0;background:transparent;width:min(100%,440px);display:block;font:24px Georgia,serif;padding:11px 0;margin-bottom:23px}.demo-prose{font:18px/1.6 Georgia,serif;color:#65574f;max-width:650px}.demo-bank{display:flex;flex-direction:column;gap:12px;margin:25px 0;padding:25px;border:1px solid #d3c4b8;max-width:500px}.demo-bank span,.demo-bank small{font:700 9px Arial,sans-serif;letter-spacing:.12em;color:#977165}.demo-bank strong{font:400 18px Georgia,serif}.demo-bank small{color:#ba5853}.demo-code-box{display:flex;flex-direction:column;align-items:start;background:#ede5db;padding:25px 32px;max-width:480px}.demo-code-box strong{font:400 clamp(71px,10vw,116px)/1 var(--serif);letter-spacing:.07em;color:var(--red);margin:10px 0}.demo-code-box .shop-secondary{margin-top:0}.demo-caution{color:#8c7b6f;font:13px/1.6 Arial,sans-serif;max-width:520px;margin-top:35px}.demo-status{font:700 13px Arial,sans-serif;letter-spacing:.06em;color:#a45c54}.demo-footer{border-top:1px solid #c9bcb0;padding:20px 28px;display:flex;justify-content:space-between;gap:20px;font:700 9px Arial,sans-serif;letter-spacing:.14em;color:#978075}.demo-footer button{background:transparent;border:0;font:700 10px Arial,sans-serif;color:var(--red)}.demo-back{display:inline-block;margin-top:30px;font:700 10px Arial,sans-serif;letter-spacing:.1em;color:var(--red)}
@media(max-width:650px){.demo-shell{padding:35px 22px 70px}.demo-heading{grid-template-columns:1fr 85px;gap:14px;padding-bottom:35px}.demo-cover{width:82px}.demo-heading h1{font-size:clamp(43px,10vw,64px)}.demo-heading p:last-child{font-size:13px}.demo-topbar{padding:14px 16px;flex-wrap:wrap}.demo-small{font-size:8px}.demo-topbar strong{font-size:27px}.demo-switch{width:100%}.demo-switch button{flex:1}.demo-panel{min-height:380px;padding:30px 24px}.demo-panel h2{font-size:54px}.demo-prose{font-size:16px}.demo-footer{font-size:8px;line-height:1.6;padding:18px 20px}}

.demo-pricing-preview{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-bottom:1px solid #c9bcb0;padding:14px 27px;background:#f0e9de}
.demo-pricing-preview>span{font:700 9px Arial,sans-serif;letter-spacing:.15em;color:#95776d;margin-right:10px}
.demo-pricing-preview button{background:transparent;border:1px solid #c7b8ad;padding:9px 12px;font:700 10px Arial,sans-serif;color:#705c51;cursor:pointer}
.demo-pricing-preview button.chosen{background:#262321;color:#f4eee5;border-color:#262321}
.demo-pricing-preview button:disabled{opacity:.6;cursor:not-allowed}
@media(max-width:650px){.demo-pricing-preview{padding:12px 16px;gap:7px}.demo-pricing-preview>span{flex:1 0 100%}.demo-pricing-preview button{font-size:9px}}