/* Generated by scripts/site/build_assets.js from assets/src/css/sections.css. Do not edit; edit the source. */
/* Page sections (from the approved homepage v3 design, v3.css without the header/footer rules in chrome.css). */

/* hero v3 */
.adm-root h1 { font-size: 64px; line-height: 1.04; }
.adm-root h1 .hl { white-space: nowrap; }
.adm-root .lead { font-size: 19px; max-width: 560px; color: var(--mut); }
.adm-root .lead b { color: var(--ink); font-weight: 600; }
.adm-root .chan { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 13.5px; color: var(--mut); }
.adm-root .chan span { display: inline-flex; gap: 7px; align-items: center; padding: 6px 12px 6px 8px; border-radius: 999px; border: 1px solid var(--line); background: var(--card); color: var(--ink); font-weight: 600; font-size: 13px; }
.adm-root .chan svg { width: 16px; height: 16px; }
.adm-root .exl { position: absolute; z-index: 5; left: 8px; bottom: -6px; font-size: 11.5px; color: var(--mut); letter-spacing: .02em; }
.adm-root .poster.art-p { background: linear-gradient(150deg, #7A2E3B, #3A1420); display: grid; grid-template-columns: 1fr 86px; align-items: end; }
.adm-root .poster.art-p::before, .adm-root .poster.art-p::after { display: none; }
.adm-root .poster .pk { width: 92px; height: 122px; margin: -10px -6px -16px 0; animation: adm-grow 1s 3.2s var(--spring) both; }

/* bento mini visuals */
.adm-root .v-site { width: 54%; height: 250px; }
.adm-root .ms { --a: #9C3D54; height: 100%; background: #F6EFE6; color: #2B1B12; display: grid; grid-template-rows: 26px 1fr; }
.adm-root .ms .mn { display: flex; align-items: center; justify-content: space-between; padding: 0 12px; font: 700 11px Georgia, serif; border-bottom: 1px solid #E8DCCB; }
.adm-root .ms .mn i { width: 42px; height: 12px; border-radius: 4px; background: var(--a); }
.adm-root .ms .mb { display: grid; grid-template-columns: 1fr 100px; gap: 8px; padding: 12px; align-items: center; }
.adm-root .ms .mb b { font: 700 17px/1.1 Georgia, serif; display: block; } .adm-root .ms .mb small { font-size: 10px; color: #7A6555; display: block; margin: 6px 0 8px; }
.adm-root .ms .mb em { display: inline-block; font-style: normal; font-size: 10px; font-weight: 700; color: #fff; background: var(--a); padding: 5px 9px; border-radius: 6px; }
.adm-root .ms .mb svg { width: 100px; height: 112px; }
.adm-root .v-posters .pst { width: 118px; height: 150px; border-radius: 14px; margin-left: -40px; box-shadow: 0 16px 30px rgba(0,0,0,.25); transition: transform .5s var(--ease); position: relative; overflow: hidden; padding: 10px; color: #fff; font: 800 15px/1 Sora; letter-spacing: -.03em; }
.adm-root .v-posters .pst svg { position: absolute; right: -14px; bottom: -14px; width: 92px; height: 92px; }
.adm-root .v-posters .pst small { display: block; font: 600 9px 'Inter Tight'; opacity: .8; margin-top: 4px; letter-spacing: 0; }
.adm-root .v-posters .pst:nth-child(1) { background: linear-gradient(160deg, #2F6F4F, #183A2A); transform: rotate(-10deg); }
.adm-root .v-posters .pst:nth-child(2) { background: linear-gradient(160deg, #7A2E3B, #3A1420); transform: rotate(-2deg) translateY(-10px); z-index: 1; }
.adm-root .v-posters .pst:nth-child(3) { background: linear-gradient(160deg, #1F2023, #0E0F11); transform: rotate(7deg); color: var(--gold); }
.adm-root .tile:hover .v-posters .pst:nth-child(1) { transform: rotate(-16deg) translate(-14px,-6px); }
.adm-root .tile:hover .v-posters .pst:nth-child(3) { transform: rotate(14deg) translate(14px,-6px); }
.adm-root .v-rank div em.g { background: transparent; color: var(--hl); }
.adm-root .v-rank .map { height: 70px; border-radius: 14px; border: 1px solid var(--line); background: var(--bg2); position: relative; overflow: hidden; padding: 0; }
.adm-root .v-rank .map svg { position: absolute; inset: 0; width: 100%; height: 100%; }

/* realistic previews (design width 760 x 560, scaled to fit) */
.adm-root .try { grid-template-columns: .8fr 1.2fr; }
.adm-root .demo { position: relative; }
.adm-root .demo .bar span { display: inline-flex; align-items: center; gap: 6px; }
.adm-root .demo .bar span svg { width: 12px; height: 12px; color: #22C55E; }
.adm-root .demo .exb { margin-left: auto; font-size: 11px; font-weight: 700; color: var(--mut); border: 1px solid var(--line2); border-radius: 999px; padding: 3px 9px; }
.adm-root .pvw { position: relative; overflow: hidden; height: calc(560px * var(--s, 1)); }
.adm-root .pv { width: 760px; height: 560px; transform: scale(var(--s, 1)); transform-origin: top left; position: absolute; left: 0; top: 0; overflow: hidden; transition: opacity .35s, transform .35s; }
.adm-root .pv.sw { opacity: 0; }
.adm-root .pv * { box-sizing: border-box; }
.adm-root .pv .art { width: 100%; height: 100%; display: block; }
.adm-root .pv .nv { height: 58px; display: flex; align-items: center; justify-content: space-between; padding: 0 28px; }
.adm-root .pv .nv nav { all: unset; display: flex; gap: 22px; font-size: 13px; font-weight: 500; }
.adm-root .pv .bt { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 13px; padding: 11px 18px; border-radius: 10px; }
.adm-root .pv .bt svg { width: 15px; height: 15px; }
.adm-root .pv .bt.o { background: transparent; border: 1.5px solid currentColor; }
/* fabric boutique */
.adm-root .pv-fab { background: #F6EFE6; color: #2B1B12; font-family: 'Inter Tight'; }
.adm-root .pv-fab .nv { border-bottom: 1px solid #E8DCCB; } .adm-root .pv-fab .lg { font: italic 700 22px Georgia, serif; letter-spacing: -.01em; } .adm-root .pv-fab .lg span { color: #9C3D54; }
.adm-root .pv-fab .hero { display: grid; grid-template-columns: 1fr 300px; gap: 20px; padding: 18px 28px 0 36px; height: 300px; align-items: center; }
.adm-root .pv-fab .ey { font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: #9C3D54; font-weight: 700; }
.adm-root .pv-fab h4 { font: 400 40px/1.05 Georgia, serif; letter-spacing: -.02em; margin: 10px 0 12px; } .adm-root .pv-fab h4 em { font-style: italic; color: #9C3D54; }
.adm-root .pv-fab p { font-size: 14px; color: #6E5A4B; line-height: 1.55; margin-bottom: 18px; max-width: 330px; }
.adm-root .pv-fab .bt { background: #9C3D54; color: #fff; } .adm-root .pv-fab .bt.o { color: #2B1B12; margin-left: 8px; }
.adm-root .pv-fab .hero .art { height: 290px; }
.adm-root .pv-fab .hero { overflow: hidden; }
.adm-root .pv-fab .row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; padding: 0 28px; margin-top: -6px; }
.adm-root .pv-fab .card { background: #fff; border-radius: 14px; padding: 10px; border: 1px solid #EBDFCF; }
.adm-root .pv-fab .card .im { height: 128px; border-radius: 10px; display: grid; place-items: center; }
.adm-root .pv-fab .card .im svg { height: 118px; width: auto; }
.adm-root .pv-fab .card b { display: block; font-size: 12.5px; margin-top: 8px; } .adm-root .pv-fab .card span { font-size: 12px; color: #9C3D54; font-weight: 700; }
/* barber */
.adm-root .pv-bar { background: #0E0F11; color: #F2EEE6; font-family: 'Inter Tight'; }
.adm-root .pv-bar .top { position: relative; height: 330px; }
.adm-root .pv-bar .top .art { position: absolute; inset: 0; }
.adm-root .pv-bar .top::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(14,15,17,.92) 0%, rgba(14,15,17,.55) 55%, rgba(14,15,17,.1)); }
.adm-root .pv-bar .nv, .adm-root .pv-bar .tx { position: relative; z-index: 1; }
.adm-root .pv-bar .lg { font: 800 18px Sora; letter-spacing: .14em; } .adm-root .pv-bar .lg span { color: #D9B45A; }
.adm-root .pv-bar .tx { padding: 30px 36px; max-width: 470px; }
.adm-root .pv-bar h4 { font: 800 46px/.98 Sora; letter-spacing: -.03em; text-transform: uppercase; } .adm-root .pv-bar h4 span { color: #D9B45A; }
.adm-root .pv-bar p { color: #B8B3A8; font-size: 14px; margin: 14px 0 20px; }
.adm-root .pv-bar .bt { background: #D9B45A; color: #111; } .adm-root .pv-bar .bt.o { color: #F2EEE6; margin-left: 8px; }
.adm-root .pv-bar .svc { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: #26282D; border-top: 1px solid #26282D; }
.adm-root .pv-bar .svc div { background: #141518; padding: 20px 22px; display: grid; grid-template-columns: 38px 1fr auto; gap: 12px; align-items: center; }
.adm-root .pv-bar .svc i { width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; background: #1F2125; color: #D9B45A; } .adm-root .pv-bar .svc i svg { width: 18px; height: 18px; }
.adm-root .pv-bar .svc b { font-size: 14px; display: block; } .adm-root .pv-bar .svc small { color: #8D887E; font-size: 12px; } .adm-root .pv-bar .svc em { font-style: normal; font: 700 18px Sora; color: #D9B45A; }
.adm-root .pv-bar .rt { display: flex; justify-content: space-between; align-items: center; padding: 16px 28px; font-size: 12.5px; color: #8D887E; }
.adm-root .pv-bar .rt b { color: #F2EEE6; } .adm-root .pv-bar .rt svg { width: 13px; height: 13px; color: #D9B45A; vertical-align: -2px; }
/* restaurant */
.adm-root .pv-food { background: #FBF6EC; color: #1F2B22; font-family: 'Inter Tight'; }
.adm-root .pv-food .nv { background: #1F3B2D; color: #F6EBD6; } .adm-root .pv-food .lg { font: 800 19px Sora; letter-spacing: -.02em; } .adm-root .pv-food .lg span { color: #E8B04A; }
.adm-root .pv-food .hero { display: grid; grid-template-columns: 1fr 280px; padding: 18px 28px 6px 36px; gap: 10px; align-items: center; background: radial-gradient(400px 260px at 85% 50%, rgba(232,176,74,.25), transparent); }
.adm-root .pv-food .bd { display: flex; gap: 6px; margin-bottom: 12px; } .adm-root .pv-food .bd span { font-size: 11px; font-weight: 700; padding: 5px 10px; border-radius: 999px; background: #E9F0E4; color: #1F3B2D; }
.adm-root .pv-food h4 { font: 800 33px/1.04 Sora; letter-spacing: -.035em; } .adm-root .pv-food h4 span { color: #B5651D; }
.adm-root .pv-food p { font-size: 14px; color: #5C6A5F; margin: 12px 0 18px; max-width: 330px; line-height: 1.5; }
.adm-root .pv-food .bt { background: #1F3B2D; color: #F6EBD6; } .adm-root .pv-food .bt.o { color: #1F3B2D; margin-left: 8px; }
.adm-root .pv-food .hero .art { width: 270px; height: 270px; }
.adm-root .pv-food .menu2 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; padding: 4px 28px; }
.adm-root .pv-food .mc { background: #fff; border-radius: 16px; padding: 12px; display: grid; grid-template-columns: 74px 1fr; gap: 12px; align-items: center; box-shadow: 0 6px 18px rgba(31,59,45,.08); }
.adm-root .pv-food .mc svg { width: 74px; height: 74px; } .adm-root .pv-food .mc b { font-size: 14px; display: block; } .adm-root .pv-food .mc small { font-size: 11.5px; color: #7A877C; display: block; margin: 2px 0 6px; } .adm-root .pv-food .mc em { font-style: normal; font-weight: 800; color: #B5651D; }
/* event hall */
.adm-root .pv-hall { background: #FBF7F0; color: #2A1729; font-family: 'Inter Tight'; }
.adm-root .pv-hall .top { position: relative; height: 300px; color: #FBF1E2; }
.adm-root .pv-hall .top .art { position: absolute; inset: 0; }
.adm-root .pv-hall .top::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(26,14,28,.85) 0, rgba(26,14,28,.35) 30%, rgba(26,14,28,.25) 55%, rgba(26,14,28,.75)); }
.adm-root .pv-hall .ct h4 { text-shadow: 0 4px 24px rgba(0,0,0,.5); }
.adm-root .pv-hall .nv, .adm-root .pv-hall .ct { position: relative; z-index: 1; }
.adm-root .pv-hall .lg { font: italic 700 22px Georgia, serif; } .adm-root .pv-hall .lg span { color: #E2C27A; }
.adm-root .pv-hall .ct { text-align: center; padding-top: 28px; }
.adm-root .pv-hall .ct small { font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: #E2C27A; font-weight: 700; }
.adm-root .pv-hall h4 { font: 400 42px/1.05 Georgia, serif; margin: 8px 0 16px; }
.adm-root .pv-hall .bt { background: #E2C27A; color: #2A1729; }
.adm-root .pv-hall .low { display: grid; grid-template-columns: 1.1fr 1fr; gap: 16px; padding: 18px 28px; }
.adm-root .pv-hall .cal { background: #fff; border-radius: 16px; padding: 14px; border: 1px solid #EEE3D3; }
.adm-root .pv-hall .cal b { font-size: 13px; } .adm-root .pv-hall .cal .dd { display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px; margin-top: 10px; }
.adm-root .pv-hall .cal .dd i { height: 26px; border-radius: 6px; background: #F1ECE4; font: 600 10.5px 'Inter Tight'; display: grid; place-items: center; font-style: normal; color: #6A5A66; }
.adm-root .pv-hall .cal .dd i.bk { background: #3B1E3F; color: #E2C27A; } .adm-root .pv-hall .cal .dd i.av { background: #E7F3E9; color: #1D6B3A; }
.adm-root .pv-hall .cal .lgd { display: flex; gap: 12px; font-size: 10.5px; color: #6A5A66; margin-top: 8px; } .adm-root .pv-hall .cal .lgd span::before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 2px; margin-right: 5px; background: #3B1E3F; } .adm-root .pv-hall .cal .lgd span + span::before { background: #BFE3C7; }
.adm-root .pv-hall .pk { display: grid; gap: 8px; }
.adm-root .pv-hall .pk div { background: #fff; border: 1px solid #EEE3D3; border-radius: 12px; padding: 10px 14px; display: flex; justify-content: space-between; align-items: center; font-size: 13px; }
.adm-root .pv-hall .pk div b { font: 700 14px Georgia, serif; } .adm-root .pv-hall .pk div span { font-size: 12px; color: #8A6F55; font-weight: 600; }
/* plumber */
.adm-root .pv-plb { background: #fff; color: #0D2530; font-family: 'Inter Tight'; }
.adm-root .pv-plb .em { background: #FACC15; color: #0D2530; font-size: 12px; font-weight: 700; text-align: center; padding: 7px; }
.adm-root .pv-plb .em svg { width: 13px; height: 13px; vertical-align: -2px; }
.adm-root .pv-plb .nv { border-bottom: 1px solid #E4EEF2; } .adm-root .pv-plb .lg { font: 800 19px Sora; letter-spacing: -.03em; color: #0E7490; } .adm-root .pv-plb .lg span { color: #0D2530; }
.adm-root .pv-plb .bt { background: #0E7490; color: #fff; }
.adm-root .pv-plb .hero { display: grid; grid-template-columns: 1fr 270px; padding: 16px 28px 0 36px; gap: 10px; align-items: center; }
.adm-root .pv-plb h4 { font: 800 38px/1.03 Sora; letter-spacing: -.04em; } .adm-root .pv-plb h4 span { color: #0E7490; }
.adm-root .pv-plb ul { list-style: none; margin: 14px 0 18px; display: grid; gap: 8px; font-size: 13.5px; font-weight: 600; }
.adm-root .pv-plb li { display: flex; gap: 8px; align-items: center; } .adm-root .pv-plb li i { width: 20px; height: 20px; border-radius: 50%; background: #E0F2F1; color: #0E7490; display: grid; place-items: center; } .adm-root .pv-plb li i svg { width: 12px; height: 12px; }
.adm-root .pv-plb .hero .art { width: 260px; height: 260px; }
.adm-root .pv-plb .sv { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; padding: 6px 28px; }
.adm-root .pv-plb .sv div { border: 1px solid #E4EEF2; border-radius: 14px; padding: 14px; background: #F7FBFC; }
.adm-root .pv-plb .sv i { width: 34px; height: 34px; border-radius: 10px; background: #0E7490; color: #fff; display: grid; place-items: center; } .adm-root .pv-plb .sv i svg { width: 17px; height: 17px; }
.adm-root .pv-plb .sv b { display: block; font-size: 13px; margin-top: 10px; } .adm-root .pv-plb .sv small { font-size: 11.5px; color: #5F7A86; }
/* lawyer */
.adm-root .pv-law { background: #F7F4EE; color: #0F1E3A; font-family: 'Inter Tight'; }
.adm-root .pv-law .nv { background: #0F1E3A; color: #EDE6D6; } .adm-root .pv-law .lg { font: 700 19px Georgia, serif; letter-spacing: .02em; } .adm-root .pv-law .lg span { color: #B89B5E; }
.adm-root .pv-law .bt { background: #B89B5E; color: #0F1E3A; }
.adm-root .pv-law .hero { display: grid; grid-template-columns: 250px 1fr; gap: 30px; padding: 22px 36px 8px; align-items: center; }
.adm-root .pv-law .hero .art { width: 250px; height: 250px; }
.adm-root .pv-law small.ey { font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: #8A7240; font-weight: 700; }
.adm-root .pv-law h4 { font: 400 38px/1.08 Georgia, serif; margin: 10px 0 12px; } .adm-root .pv-law h4 em { color: #8A7240; }
.adm-root .pv-law p { font-size: 14px; color: #4D5873; line-height: 1.55; margin-bottom: 16px; }
.adm-root .pv-law .bt.o { color: #0F1E3A; margin-left: 8px; }
.adm-root .pv-law .ar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; padding: 8px 28px; }
.adm-root .pv-law .ar div { background: #fff; border-radius: 12px; padding: 14px; border-top: 3px solid #B89B5E; box-shadow: 0 4px 14px rgba(15,30,58,.06); }
.adm-root .pv-law .ar i { color: #0F1E3A; } .adm-root .pv-law .ar i svg { width: 20px; height: 20px; }
.adm-root .pv-law .ar b { display: block; font: 700 14px Georgia, serif; margin-top: 8px; } .adm-root .pv-law .ar small { font-size: 11.5px; color: #6A7389; }

/* illustration motion */
.adm-root .sway { animation: adm-sway 5s ease-in-out infinite; transform-origin: 50% 0; transform-box: fill-box; }
@keyframes adm-sway { 0%,100% { transform: rotate(-1.5deg); } 50% { transform: rotate(1.5deg); } }
.adm-root .glowp { animation: adm-glowp 3s ease-in-out infinite; } @keyframes adm-glowp { 0%,100% { opacity: .6; } 50% { opacity: 1; } }
.adm-root .leaf { animation: adm-leaf 4s ease-in-out infinite; transform-origin: 50% 100%; transform-box: fill-box; } @keyframes adm-leaf { 0%,100% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } }
.adm-root .steam path { stroke-dasharray: 90; animation: adm-steam 3s linear infinite; } .adm-root .steam path:nth-child(2) { animation-delay: -1s; } .adm-root .steam path:nth-child(3) { animation-delay: -2s; }
@keyframes adm-steam { 0% { stroke-dashoffset: 90; opacity: 0; transform: translateY(10px); } 30% { opacity: .8; } 100% { stroke-dashoffset: -90; opacity: 0; transform: translateY(-20px); } }
.adm-root .tw { animation: adm-tw 2.4s ease-in-out infinite; } @keyframes adm-tw { 0%,100% { opacity: .35; } 50% { opacity: 1; } }
.adm-root .drop { animation: adm-drop 1.8s ease-in infinite; } @keyframes adm-drop { 0%, 30% { transform: translateY(0); opacity: 1; } 90% { transform: translateY(38px); opacity: 1; } 100% { transform: translateY(40px); opacity: 0; } }
.adm-root .wrench { animation: adm-wr 3s ease-in-out infinite; transform-origin: 214px 222px; } @keyframes adm-wr { 0%,100% { transform: rotate(0); } 50% { transform: rotate(-10deg); } }
.adm-root .scales .beam { animation: adm-beam 4s ease-in-out infinite; transform-origin: 0 -30px; transform-box: view-box; } @keyframes adm-beam { 0%,100% { transform: rotate(-4deg); } 50% { transform: rotate(4deg); } }

/* also included */
.adm-root .inc { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.adm-root .inc div { border-radius: 22px; border: 1px solid var(--line); background: var(--card); padding: 24px; display: grid; grid-template-columns: 48px 1fr; gap: 16px; align-items: start; transition: transform .35s var(--ease), border-color .3s; }
.adm-root .inc div:hover { transform: translateY(-4px); border-color: var(--line2); }
.adm-root .inc i { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; background: var(--bg3); color: var(--hl); }
html[data-adm-theme="light"] .adm-root .inc i { background: #EEF3FF; }
.adm-root .inc i svg { width: 22px; height: 22px; }
.adm-root .inc b { font: 700 18px Sora; letter-spacing: -.02em; display: block; margin-bottom: 6px; } .adm-root .inc p { color: var(--mut); font-size: 14.5px; line-height: 1.55; }

/* door 2 */
.adm-root .door { border-radius: 34px; border: 1px solid var(--line2); background: var(--bg2); display: grid; grid-template-columns: 1.1fr .9fr; gap: 40px; padding: 52px; align-items: center; position: relative; overflow: hidden; }
.adm-root .door h2 { font-size: 42px; line-height: 1.08; font-weight: 800; } .adm-root .door h2 .hl { color: var(--gold); } html[data-adm-theme="light"] .adm-root .door h2 .hl { color: var(--blue1); }
.adm-root .door p { color: var(--mut); font-size: 17px; line-height: 1.6; margin: 14px 0 24px; }
.adm-root .door form { display: flex; gap: 10px; flex-wrap: wrap; }
.adm-root .door input { flex: 1; min-width: 220px; height: 54px; border-radius: 14px; border: 1.5px solid var(--line2); background: var(--bg); color: var(--ink); padding: 0 18px; font: 500 15.5px 'Inter Tight'; }
.adm-root .door input:focus { outline: none; border-color: var(--gold); }
.adm-root .door .pts { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 18px; font-size: 13.5px; color: var(--mut); }
.adm-root .door .pts span { display: inline-flex; gap: 6px; align-items: center; } .adm-root .door .pts svg { width: 16px; height: 16px; color: #22C55E; }
.adm-root .gauge { position: relative; display: grid; place-items: center; }
.adm-root .gauge svg { width: 300px; max-width: 100%; }
.adm-root .gauge .arc { stroke-dasharray: 377; stroke-dashoffset: 377; transition: stroke-dashoffset 1.8s var(--ease); }
.adm-root .in .gauge .arc { stroke-dashoffset: var(--go, 75); }
.adm-root .gauge .sc { position: absolute; text-align: center; top: 38%; }
.adm-root .gauge .sc b { font: 800 56px Sora; letter-spacing: -.05em; display: block; line-height: 1; } .adm-root .gauge .sc small { color: var(--mut); font-size: 13px; }
.adm-root .gauge .rows { display: grid; gap: 8px; width: 100%; margin-top: 16px; }
.adm-root .gauge .rows div { display: flex; justify-content: space-between; padding: 10px 14px; border-radius: 12px; background: var(--bg); border: 1px solid var(--line); font-size: 13.5px; font-weight: 600; }
.adm-root .gauge .rows em { font-style: normal; font-weight: 700; } .adm-root .gauge .ok { color: #22C55E; } .adm-root .gauge .wn { color: var(--gold); } html[data-adm-theme="light"] .adm-root .gauge .wn { color: #B7791F; }

/* faq */
.adm-root .faq { max-width: 860px; margin: 0 auto; display: grid; gap: 12px; }
.adm-root .faq details { border-radius: 18px; border: 1px solid var(--line); background: var(--card); padding: 4px 22px; transition: border-color .3s; }
.adm-root .faq details[open] { border-color: var(--line2); }
.adm-root .faq summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 18px 0; font: 600 17px Sora; letter-spacing: -.02em; }
.adm-root .faq summary::-webkit-details-marker { display: none; }
.adm-root .faq summary i { width: 30px; height: 30px; border-radius: 50%; border: 1.5px solid var(--line2); display: grid; place-items: center; flex: none; transition: transform .35s var(--ease), background .3s; }
.adm-root .faq summary i svg { width: 14px; height: 14px; }
.adm-root .faq details[open] summary i { transform: rotate(45deg); background: var(--gold); border-color: var(--gold); color: var(--black); }
.adm-root .faq details p { color: var(--mut); line-height: 1.65; padding-bottom: 20px; font-size: 15.5px; max-width: 720px; }


@media (max-width: 1000px) {
  .adm-root h1 { font-size: 42px; } .adm-root h1 .hl { white-space: normal; } .adm-root .lead { font-size: 17px; }
  .adm-root .try { grid-template-columns: 1fr; } .adm-root .inc { grid-template-columns: 1fr; } .adm-root .door { grid-template-columns: 1fr; padding: 28px; } .adm-root .door h2 { font-size: 32px; }
  .adm-root .v-site { width: 70%; }
}
@media (max-width: 560px) { .adm-root .stage { height: 520px; } .adm-root .exl { bottom: 4px; } }
@media (prefers-reduced-motion: reduce) { .adm-root .gauge .arc { stroke-dashoffset: 75; } }

.adm-root .pv-bar .team { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1fr; gap: 12px; padding: 0 28px 0; align-items: stretch; }
.adm-root .pv-bar .team .tt { display: flex; flex-direction: column; justify-content: center; }
.adm-root .pv-bar .team .tt b { font: 800 16px Sora; text-transform: uppercase; letter-spacing: .04em; } .adm-root .pv-bar .team .tt small { color: #8D887E; font-size: 12px; margin-top: 4px; }
.adm-root .pv-bar .team .bb { background: #141518; border: 1px solid #26282D; border-radius: 14px; padding: 10px; display: grid; grid-template-columns: 44px 1fr; gap: 10px; align-items: center; }
.adm-root .pv-bar .team .bb svg { width: 44px; height: 44px; } .adm-root .pv-bar .team .bb b { font-size: 13px; display: block; } .adm-root .pv-bar .team .bb small { color: #D9B45A; font-size: 11px; }

.adm-root .pv-hall .nv { background: rgba(26,14,28,.55); backdrop-filter: blur(6px); }
.adm-root .pv-hall .ct { padding-top: 44px; }

.adm-root .gauge { display: flex; flex-direction: column; align-items: center; }
.adm-root .gauge .gw { position: relative; width: 300px; max-width: 100%; }
.adm-root .gauge .gw svg { width: 100%; display: block; }
.adm-root .gauge .sc { position: absolute; left: 0; right: 0; top: auto; bottom: 0; }
.adm-root .poster.art-p { align-items: start; }
.adm-root .poster.art-p b { font-size: 28px; }
.adm-root .poster.art-p em { left: 14px; bottom: 12px; }
.adm-root .poster .pk { align-self: end; }
.adm-root .v-posters .pst { margin-left: -26px; }
.adm-root .v-posters .pst:nth-child(3) { z-index: 2; }

/* phone layout: stack visuals under text instead of overlapping */
@media (max-width: 1000px) {
  .adm-root .tile { min-height: 0; }
  .adm-root .tile .v-site, .adm-root .tile .v-rank, .adm-root .tile .v-cal, .adm-root .tile .v-posters { position: relative; right: auto; bottom: auto; width: 100%; margin-top: 22px; }
  .adm-root .tile .v-site { height: 220px; border-radius: 16px; }
  .adm-root .tile .v-posters { justify-content: center; padding-left: 26px; }
  .adm-root .tile:hover .v-site { transform: none; }
  .adm-root .stage { height: auto; perspective: none; }
  .adm-root .stage .lay { position: relative; inset: auto; }
  .adm-root .stage .panel { position: relative; top: 0; left: 0; right: 0; height: auto; }
  .adm-root .stage .chip, .adm-root .stage .fi { display: none; }
  .adm-root .exl { position: static; display: block; margin-top: 8px; }
}

/* glass overlay on the example site so it reads as a finished screen */
.adm-root .pvw::after { content: ''; position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background:
    linear-gradient(118deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.05) 22%, rgba(255,255,255,0) 38%),
    radial-gradient(120% 90% at 50% 40%, transparent 62%, rgba(0,0,0,.22) 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), inset 0 1px 0 rgba(255,255,255,.18); }
.adm-root .pvw::before { content: ''; position: absolute; top: 0; bottom: 0; left: -60%; width: 40%; z-index: 3; pointer-events: none;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.22), transparent); transform: skewX(-18deg); opacity: 0; }
.adm-root .pvw.sheen::before { animation: adm-sheen 1.1s var(--ease); }
@keyframes adm-sheen { 0% { left: -60%; opacity: 0; } 15% { opacity: 1; } 100% { left: 130%; opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .adm-root .pvw.sheen::before { animation: none; } }

/* homepage pricing teaser (the full plans live only on the Pricing page) */
.adm-root .teaser { display: grid; grid-template-columns: .9fr 1.1fr; gap: 50px; align-items: center; }
.adm-root .teaser h2 { font-size: 46px; line-height: 1.06; font-weight: 800; margin-bottom: 14px; } .adm-root .teaser h2 .hl { color: var(--gold); } html[data-adm-theme="light"] .adm-root .teaser h2 .hl { color: var(--blue1); }
.adm-root .teaser p { color: var(--mut); font-size: 17px; line-height: 1.6; margin-bottom: 26px; }
.adm-root .steps3 { display: grid; gap: 10px; }
.adm-root .steps3 .st { display: grid; grid-template-columns: 170px 1fr auto; gap: 16px; align-items: center; padding: 18px 22px; border-radius: 18px; border: 1px solid var(--line); background: var(--card); transition: transform .3s var(--ease), border-color .3s; }
.adm-root .steps3 .st:hover { transform: translateX(6px); border-color: var(--hl); }
.adm-root .steps3 .sn { font: 700 17px Sora; letter-spacing: -.02em; } .adm-root .steps3 .sn em { display: inline-block; margin-left: 6px; font: 800 11.5px 'Inter Tight'; font-style: normal; color: var(--black); background: var(--gold); padding: 3px 8px; border-radius: 999px; vertical-align: 2px; }
.adm-root .steps3 .sd { color: var(--mut); font-size: 14.5px; } .adm-root .steps3 .sp { font-size: 13px; color: var(--mut); } .adm-root .steps3 .sp b { font: 800 26px Sora; color: var(--ink); letter-spacing: -.04em; }
.adm-root .steps3 .st.hot { border-color: var(--gold); background: linear-gradient(90deg, color-mix(in srgb, var(--gold) 10%, transparent), var(--card)); }
.adm-root .steps3 .st.care { border-style: dashed; }
.adm-root .ms.ms-dent { --a: #1F8F8A; background: #EAF6F6; color: #0F3B3A; } .adm-root .ms.ms-dent .mn { border-color: #CFE7E6; font-family: Sora; font-size: 10.5px; } .adm-root .ms.ms-dent .mb b { font: 700 15px/1.15 Sora; }
@media (max-width: 1000px) { .adm-root .teaser { grid-template-columns: 1fr; } .adm-root .teaser h2 { font-size: 34px; } .adm-root .steps3 .st { grid-template-columns: 1fr auto; } .adm-root .steps3 .sd { grid-column: 1 / -1; grid-row: 2; } }

/* hero rotating word, driven by home.js in step with the preview scenes (4 s each); any number of words */
.adm-root .rot[data-rot] span { animation: none; opacity: 0; transform: translateY(70%); filter: blur(4px); transition: opacity .5s var(--ease), transform .5s var(--ease), filter .5s; }
.adm-root .rot[data-rot] span.was { transform: translateY(-70%); }
.adm-root .rot[data-rot] span.on { opacity: 1; transform: none; filter: none; }
.adm-root .scn { display: flex; flex-direction: column; gap: 10px; flex: 1; min-height: 0; }
.adm-root .scn .bub.u1 { animation-delay: .1s; }
.adm-root .scn .typing { animation: adm-typing .8s .45s both; }
.adm-root .scn .bub.a1 { animation-delay: 1.15s; }
.adm-root .scn .poster .pk { animation-delay: 1.4s; }
.adm-root .chat { min-height: 0; }
.adm-root .sdots { display: flex; gap: 16px; margin-top: auto; padding-top: 4px; }
.adm-root .sdots button { position: relative; width: 8px; height: 8px; border-radius: 99px; border: 0; padding: 0; background: var(--line2); cursor: pointer; transition: width .4s var(--ease), background .3s; }
.adm-root .sdots button[aria-current="true"] { width: 26px; background: var(--gold); }
html[data-adm-theme="light"] .adm-root .sdots button[aria-current="true"] { background: var(--blue1); }
.adm-root .kpi.hot { border-color: color-mix(in srgb, var(--gold) 60%, transparent); background: color-mix(in srgb, var(--gold) 8%, var(--card)); }
html[data-adm-theme="light"] .adm-root .kpi.hot { border-color: color-mix(in srgb, var(--blue1) 45%, transparent); background: #F2F6FF; }
.adm-root .chip { transition: border-color .4s, box-shadow .4s; }
.adm-root .chip.hot { border-color: var(--gold); box-shadow: 0 0 0 4px color-mix(in srgb, var(--gold) 22%, transparent), 0 24px 50px rgba(0,0,0,.28); }
html[data-adm-theme="light"] .adm-root .chip.hot { border-color: var(--blue1); box-shadow: 0 0 0 4px rgba(6,48,240,.12), 0 24px 50px rgba(16,18,20,.12); }
/* mini website */
.adm-root .m-web { margin-top: 8px; border-radius: 12px; overflow: hidden; background: #FBF6F0; color: #2A1A12; border: 1px solid rgba(0,0,0,.06); }
.adm-root .m-web .mb { display: flex; align-items: center; gap: 4px; padding: 6px 8px; background: #EFE6DB; } .adm-root .m-web .mb i { width: 6px; height: 6px; border-radius: 50%; background: #CDBBA6; }
.adm-root .m-web .mb span { margin-left: 6px; font-size: 9.5px; color: #7A6555; background: #fff; border-radius: 6px; padding: 2px 8px; flex: 1; }
.adm-root .m-web .mbd { padding: 9px 11px 11px; }
.adm-root .m-web .mnv { display: flex; align-items: center; gap: 10px; font-size: 9.5px; color: #7A6555; } .adm-root .m-web .mnv b { font: 700 11.5px Georgia, serif; color: #7A2E3B; margin-right: auto; } .adm-root .m-web .mnv em { font-style: italic; font-weight: 400; }
.adm-root .m-web h5 { font: 700 17px/1.1 Georgia, serif; margin: 9px 0 8px; letter-spacing: -.01em; } .adm-root .m-web h5 em { color: #7A2E3B; font-style: italic; }
.adm-root .m-web .mbt { display: inline-block; font-size: 10px; font-weight: 700; color: #fff; background: #7A2E3B; padding: 5px 9px; border-radius: 7px; }
.adm-root .m-web .mtl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; margin-top: 9px; } .adm-root .m-web .mtl i { height: 26px; border-radius: 6px; background: linear-gradient(150deg, #F2C14E, #C98A1A); } .adm-root .m-web .mtl i:nth-child(2) { background: linear-gradient(150deg, #7A2E3B, #3A1420); } .adm-root .m-web .mtl i:nth-child(3) { background: linear-gradient(150deg, #2F4A3A, #1C2E24); }
/* brand kit */
.adm-root .m-brand { margin-top: 8px; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.adm-root .m-brand .mlg { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; padding: 12px; border-radius: 12px; background: #7A2E3B; color: #F7EFE6; }
.adm-root .m-brand .mlg span { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; border: 2px solid #F2C14E; font: 700 22px Georgia, serif; color: #F2C14E; }
.adm-root .m-brand .mlg b { font: 700 16px Georgia, serif; letter-spacing: .18em; display: block; } .adm-root .m-brand .mlg small { font-size: 8.5px; letter-spacing: .4em; opacity: .8; }
.adm-root .m-brand .msw { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; padding: 8px; border-radius: 12px; background: var(--bg2); border: 1px solid var(--line); } .adm-root .m-brand .msw i { height: 34px; border-radius: 7px; border: 1px solid rgba(0,0,0,.08); }
.adm-root .m-brand .mft { display: flex; align-items: center; gap: 8px; padding: 8px; border-radius: 12px; background: var(--bg2); border: 1px solid var(--line); } .adm-root .m-brand .mft b { font: 700 22px Georgia, serif; } .adm-root .m-brand .mft small { font-size: 9.5px; color: var(--mut); line-height: 1.3; }
/* social post */
.adm-root .m-post { margin-top: 8px; border-radius: 12px; overflow: hidden; background: var(--bg2); border: 1px solid var(--line); }
.adm-root .m-post .mph { display: flex; align-items: center; gap: 7px; padding: 7px 9px; } .adm-root .m-post .mph span { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; background: #7A2E3B; color: #F2C14E; font: 700 12px Georgia, serif; } .adm-root .m-post .mph b { font-size: 11px; display: block; } .adm-root .m-post .mph small { font-size: 9px; color: var(--mut); }
.adm-root .m-post .mpi { height: 92px; padding: 11px; color: #1C2E24; background: radial-gradient(circle at 80% 30%, #F2C14E 0 16px, transparent 17px), repeating-linear-gradient(45deg, #DCEBDD 0 8px, #CFE3D1 8px 16px); }
.adm-root .m-post .mpi b { font: 700 19px/1 Georgia, serif; display: block; } .adm-root .m-post .mpi small { font-size: 9.5px; font-weight: 600; }
.adm-root .m-post .mpf { display: flex; gap: 10px; padding: 6px 9px; } .adm-root .m-post .mpf svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linejoin: round; }
/* google profile */
.adm-root .m-map { margin-top: 8px; border-radius: 12px; overflow: hidden; background: var(--bg2); border: 1px solid var(--line); }
.adm-root .m-map .mmp { position: relative; height: 62px; background: #DDE7D8; color: #fff; } .adm-root .m-map .mmp svg { width: 100%; height: 100%; display: block; }
.adm-root .m-map .mmp i { position: absolute; left: 50%; top: 12px; width: 18px; height: 18px; border-radius: 50% 50% 50% 0; transform: translateX(-50%) rotate(-45deg); background: #E5484D; box-shadow: 0 4px 8px rgba(0,0,0,.25); animation: adm-pop .5s 1.5s var(--spring) both; }
.adm-root .m-map .mml { padding: 9px 10px; display: grid; gap: 2px; } .adm-root .m-map .mml b { font-size: 13px; } .adm-root .m-map .mml small { font-size: 10px; color: var(--mut); } .adm-root .m-map .mml em { font-style: normal; color: #E9A912; font-weight: 700; } .adm-root .m-map .mml small span { color: #22A06B; font-weight: 700; }
.adm-root .m-map .mml div { display: flex; gap: 5px; margin-top: 5px; } .adm-root .m-map .mml div span { font-size: 9.5px; font-weight: 700; color: var(--hl); border: 1px solid var(--line2); border-radius: 99px; padding: 3px 8px; }
@media (max-width: 1000px) { .adm-root .chat { min-height: 400px; } }
.adm-root .sdots button::after { content: ""; position: absolute; inset: -12px -8px; }
.adm-root .poster.art-p b.l3 { font-size: 20px; line-height: 1; }


/* plugin additions: free-text sections, links without a live page */
.adm-root .adm-rich .prose { max-width: 760px; margin: 0 auto; font-size: 16.5px; line-height: 1.7; color: var(--ink); }
.adm-root .adm-rich .prose p, .adm-root .adm-rich .prose ul, .adm-root .adm-rich .prose ol { margin: 0 0 16px; }
.adm-root .adm-rich .prose ul { list-style: disc; padding-left: 22px; } .adm-root .adm-rich .prose ol { list-style: decimal; padding-left: 22px; }
.adm-root .adm-rich .prose a { color: var(--hl); text-decoration: underline; text-underline-offset: 3px; }
.adm-root .adm-rich .prose h3 { font-size: 22px; margin: 28px 0 10px; }
.adm-root .nolink { cursor: default; }

/* Decorations near the edges (floating icons, glows) never widen the page or cause sideways scrolling. */
.adm-root .adm-page { overflow-x: clip; }