/* Business-site layout extends the same button, form, card and notice components as the control panel. */
.example-site{background:#f8f9fd;--site-ink:#23304b;--site-soft:#eef1ff;--site-accent:#5968e8;color:var(--site-ink)}.site-header{max-width:1120px;padding:25px 30px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-brand{font-size:24px;font-weight:650;letter-spacing:2px;display:flex;align-items:center;gap:15px}.site-brand span{font-size:9px;font-weight:400;letter-spacing:2px;color:#929bb1}.site-header nav{display:flex;align-items:center;gap:27px;font-size:12px;color:#7b879e}.site-header form{display:inline-flex}.site-main{max-width:1120px;margin:auto;padding:10px 30px 0}.site-hero{background:var(--site-soft);padding:55px 45px;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;border-radius:22px;align-items:center;min-height:360px;overflow:hidden}.site-hero h1{font-size:39px;line-height:1.55;letter-spacing:-.5px;max-width:390px;font-weight:550;margin:18px 0 15px}.site-hero>div>p:not(.eyebrow){font-size:13px;color:#8490aa;max-width:350px;line-height:2}.site-hero .btn{margin-top:28px;background:var(--site-accent);border-color:var(--site-accent)}.site-art{height:270px;position:relative;display:grid;place-items:center}.art-circle{width:230px;height:230px;border-radius:50%;background:#dbe0fa;position:absolute;left:2%;top:4%}.art-sheet{height:240px;width:190px;border-radius:12px;background:#fafbff;box-shadow:0 20px 50px #4655a216;transform:rotate(10deg);display:flex;flex-direction:column;justify-content:center;padding:28px;z-index:1}.art-sheet>span{font-size:21px;font-weight:650;letter-spacing:-1px;line-height:1.5;color:var(--site-accent)}.art-sheet>small{font-size:7px;letter-spacing:1px;color:#9ba6bf;margin-top:24px}.site-notice{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.9;padding:22px 4px;color:#8994aa}.notice-dot{width:6px;height:6px;border-radius:50%;background:var(--site-accent);flex-shrink:0}.site-section-title{display:flex;align-items:center;justify-content:space-between;margin:24px 0 22px}.site-section-title h2{font-size:24px}.site-section-title>span{font-size:11px;color:#94a0b5}.site-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.site-projects .panel{padding:15px;margin:0}.site-projects h3{font-size:14px;margin:20px 5px 8px}.site-projects p{font-size:11px;line-height:1.9;color:#8c96ac;margin:0 5px 10px}.project-art{height:145px;border-radius:9px;background:#e8ecfb;display:grid;place-items:center;overflow:hidden;position:relative}.project-art:before{content:"";height:90px;width:90px;border:17px solid #c9d1f1;border-radius:50%;position:absolute;right:14%;top:20px}.project-art>span{font-size:46px;font-weight:600;letter-spacing:-3px;color:#91a0d6;z-index:1}.project-1{background:#f3eee9}.project-1:before{border-color:#e3d9cd;border-radius:5px;transform:rotate(30deg)}.project-1>span{color:#bba58d}.project-2{background:#e7f1f0}.project-2:before{border-color:#cadfdb}.project-2>span{color:#8eb5ab}.site-about{padding:45px 0;margin-top:30px;border-top:1px solid var(--line)}.site-about h3{font-size:17px;font-weight:500}.site-about p{font-size:11px;color:#98a2b7;margin-top:9px}.site-footer{max-width:1120px;margin:auto;padding:20px 30px 30px;border-top:1px solid var(--line);font-size:10px;display:flex;justify-content:space-between;color:#97a2ba}.site-footer b{font-weight:500;color:#7485b0}.site-fresh{--site-soft:#e9f4f2;--site-accent:#418b82}.site-fresh .art-circle{background:#cde5df}.site-fresh .art-sheet{background:#f7fcfb}.site-admin{max-width:1080px;padding:30px;margin:auto}.site-admin .stat-card>span{font-size:11px;color:#8491a8}.site-admin .page-heading .muted{font-size:12px}.site-changes{list-style:none;padding:0;font-size:12px}.site-changes>li{display:flex;align-items:center;gap:10px;padding:10px 0}.site-changes code{overflow-wrap:anywhere}.site-login{max-width:450px;margin:55px auto;padding:0 20px}.site-login>.site-brand{margin-bottom:30px}.site-login h1{font-size:23px;margin-bottom:10px}.site-login .hint{margin-bottom:24px}.site-blocked{max-width:620px;margin:120px auto;padding:20px 25px;text-align:center}.blocked-mark{height:65px;width:65px;background:#fbeff0;color:#c9747e;display:grid;place-items:center;border-radius:20px;margin:0 auto 27px;font-size:32px}.site-blocked h1{font-size:28px;margin:12px 0 15px}.site-blocked>p:not(.eyebrow){font-size:13px;color:#8f9ab0;line-height:1.9}.site-blocked>small{font-size:10px;color:#a2acc0;margin-top:25px}.site-actions{display:flex;justify-content:center;gap:12px;margin-top:28px}.site-blocked>.btn{margin-top:25px}
@media(max-width:650px){.site-header{padding:20px;gap:12px}.site-brand{font-size:20px;gap:9px}.site-brand span{font-size:7px;letter-spacing:1px}.site-header nav{gap:14px;font-size:11px}.site-header nav>a:first-child{display:none}.site-main{padding:6px 16px}.site-hero{padding:28px 24px;grid-template-columns:1fr;gap:15px}.site-hero h1{font-size:30px;max-width:280px}.site-hero .site-art{height:170px}.art-circle{width:155px;height:155px;left:20%}.art-sheet{height:160px;width:130px;padding:20px}.art-sheet>span{font-size:15px}.art-sheet>small{font-size:6px;margin-top:12px}.site-hero>div>p:not(.eyebrow){font-size:12px}.site-projects{grid-template-columns:1fr}.project-art{height:160px}.site-section-title h2{font-size:21px}.site-footer{padding:20px 16px;font-size:9px}.site-admin{padding:24px 16px}.site-admin .dashboard-grid{display:block}.site-blocked{margin:75px auto}.site-blocked h1{font-size:25px}.site-changes{font-size:11px}.site-actions{flex-wrap:wrap}}