*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#f7f9fc;color:#172033}a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid #e7ebf2}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#5b45f3,#00a6d6);color:white;font-weight:900;letter-spacing:.5px}.brand b{font-size:20px}.brand small{display:block;font-size:10px;color:#68728a}.navlinks{display:flex;align-items:center;gap:22px;font-weight:650}.navlinks a:hover{color:#5847ef}.menu-btn{display:none;border:0;background:none;font-size:25px}.btn{display:inline-flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#5b45f3,#3b82f6);color:#fff!important;border:0;border-radius:12px;padding:13px 20px;font-weight:800;cursor:pointer}.btn.secondary{background:#fff;color:#4d42d8!important;border:1px solid #d9dff0}.btn.small{padding:10px 15px}.hero{padding:92px 0 65px;background:radial-gradient(circle at 70% 20%,#e8e7ff 0,transparent 34%),linear-gradient(#fff,#f7f9fc)}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:58px;align-items:center}.eyebrow{display:inline-block;background:#ece9ff;color:#5541d8;border-radius:999px;padding:8px 12px;font-weight:800;font-size:13px}.hero h1{font-size:clamp(42px,6vw,70px);line-height:1.03;margin:18px 0}.gradient-text{background:linear-gradient(90deg,#5842e8,#008fcf);-webkit-background-clip:text;color:transparent}.hero p{font-size:19px;line-height:1.7;color:#5e687e}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.builder-card{background:#111827;border-radius:28px;padding:18px;box-shadow:0 30px 70px #34405b2b}.builder-window{background:#fff;border-radius:18px;padding:18px}.builder-top{display:flex;gap:8px;margin-bottom:18px}.dot{width:9px;height:9px;background:#d8ddea;border-radius:50%}.mini-layout{display:grid;grid-template-columns:110px 1fr;gap:12px}.mini-sidebar{background:#f2f4fa;border-radius:12px;padding:10px}.mini-line{height:10px;background:#dfe4ef;border-radius:5px;margin:8px 0}.phone{width:155px;margin:auto;border:7px solid #1d2638;border-radius:25px;padding:10px;background:#f7f9fc;min-height:245px}.phone div{background:white;border-radius:7px;height:24px;margin:7px 0}.phone .banner{height:65px;background:linear-gradient(135deg,#ddd8ff,#ccf2fb)}.phone .row{display:flex;gap:5px;background:none}.phone .row i{flex:1;height:35px;background:#e9edf5;border-radius:7px}.section{padding:76px 0}.section h2{text-align:center;font-size:38px;margin:0 0 12px}.lead{text-align:center;max-width:760px;margin:0 auto 36px;color:#667087;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid #e7ebf2;border-radius:18px;padding:26px;box-shadow:0 12px 30px #34405b0c}.icon{font-size:30px}.card h3{margin:12px 0 8px}.card p{color:#68728a;line-height:1.65}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step-num{width:38px;height:38px;border-radius:10px;background:#ece9ff;color:#5541d8;display:grid;place-items:center;font-weight:900}.cta{background:#111827;color:white;border-radius:28px;padding:46px;text-align:center}.cta p{color:#cbd3e2}.form-wrap{max-width:520px;margin:55px auto;background:#fff;border:1px solid #e4e8f0;border-radius:20px;padding:30px;box-shadow:0 18px 45px #34405b12}.form-wrap h1{margin-top:0}.field{margin:14px 0}.field label{display:block;font-weight:750;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;padding:13px;border:1px solid #ccd3e1;border-radius:10px;font:inherit}.notice{padding:12px 14px;border-radius:10px;background:#edf7ff;color:#155d8b;margin:12px 0}.error{background:#fff0f0;color:#9b1c1c}.success{background:#ecfff1;color:#176a35}.dashboard-shell{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 72px)}.sidebar{background:#111827;color:#dbe3f2;padding:25px 18px}.sidebar h3{color:#fff}.sidebar a{display:block;padding:11px 12px;border-radius:9px;margin:3px 0}.sidebar a:hover,.sidebar a.active{background:#202b40;color:#fff}.dash-main{padding:32px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{background:#fff;border:1px solid #e5e9f1;border-radius:16px;padding:20px}.stat b{display:block;font-size:30px;margin-top:7px}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}.table th,.table td{text-align:left;padding:13px;border-bottom:1px solid #edf0f5}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#eef0ff;color:#5144ca;font-size:12px;font-weight:800}.project-types{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-type{display:block;background:#fff;border:2px solid #e5e9f1;border-radius:18px;padding:25px;text-align:center}.project-type:hover{border-color:#6756ef;transform:translateY(-2px)}footer{background:#0e1420;color:#cbd3df;margin-top:70px;padding:50px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.footer-grid a{display:block;margin:10px 0;color:#bdc7d8}.footer-brand b{color:white}.copyright{text-align:center;border-top:1px solid #263044;margin-top:35px;padding-top:18px;font-size:13px;color:#7f8ca0}@media(max-width:820px){.menu-btn{display:block}.navlinks{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:18px 4%;flex-direction:column;align-items:flex-start;border-bottom:1px solid #e7ebf2}.navlinks.open{display:flex}.hero-grid{grid-template-columns:1fr}.cards,.steps,.project-types{grid-template-columns:1fr}.hero{padding-top:55px}.dashboard-shell{grid-template-columns:1fr}.sidebar{display:flex;overflow:auto;gap:5px;padding:10px}.sidebar h3{display:none}.sidebar a{white-space:nowrap}.stat-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}}
/* v1.1 Visual Builder */
.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.project-list{display:grid;gap:12px}.project-row{display:grid;grid-template-columns:52px 1fr auto auto;align-items:center;gap:16px;background:#fff;border:1px solid #e5e9f1;border-radius:16px;padding:16px}.project-type-icon{width:48px;height:48px;display:grid;place-items:center;background:#f1f3fa;border-radius:14px;font-size:24px}.project-meta b{display:block;font-size:17px}.project-meta span{display:block;color:#738098;font-size:13px;margin-top:5px}.builder-body{overflow:hidden;background:#eef2f8}.builder-toolbar{height:68px;background:#fff;border-bottom:1px solid #dfe5ef;display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:16px}.builder-brand{display:flex;align-items:center;gap:10px}.builder-brand .brand-mark{width:40px;height:40px;border-radius:11px}.builder-brand small{display:block;color:#6b7589}.builder-actions{display:flex;align-items:center;gap:10px}.save-status{font-size:13px;color:#3d7a4e}.save-status.dirty{color:#a16207}.visual-builder{height:calc(100vh - 68px);display:grid;grid-template-columns:300px 310px 1fr;min-width:980px}.component-panel,.settings-panel{background:#fff;border-right:1px solid #dfe5ef;padding:18px;overflow:auto}.component-panel h3,.settings-panel h3{margin:0 0 5px}.panel-help{font-size:13px;color:#728096;margin-top:0}.component-group{text-transform:uppercase;font-size:11px;letter-spacing:.08em;color:#8a95a8;margin:22px 0 8px}.component-check{display:grid;grid-template-columns:auto 34px 1fr;align-items:center;gap:8px;border:1px solid #e3e8f1;border-radius:12px;padding:10px;margin:8px 0;cursor:pointer}.component-check:hover{border-color:#8378f2;background:#fafaff}.component-check input{accent-color:#5b45f3}.component-symbol{width:32px;height:32px;border-radius:9px;background:#f0efff;color:#5143d5;display:grid;place-items:center;font-weight:900}.component-check b{display:block;font-size:14px}.component-check small{display:block;font-size:11px;color:#7a8599;margin-top:2px;line-height:1.3}.builder-tip{font-size:12px;line-height:1.5}.preview-panel{min-width:0;display:flex;flex-direction:column}.preview-head{height:64px;background:#f8faff;border-bottom:1px solid #dfe5ef;padding:11px 18px;display:flex;justify-content:space-between;align-items:center}.preview-head h3{margin:0;font-size:16px}.preview-head span{font-size:12px;color:#7a8599}.device-switch{display:flex;background:#e9edf5;border-radius:9px;padding:3px}.device-switch button{border:0;background:transparent;padding:7px 10px;border-radius:7px;cursor:pointer}.device-switch button.active{background:#fff;box-shadow:0 1px 5px #0001}.preview-stage{flex:1;overflow:auto;padding:28px;display:grid;place-items:center;background-image:radial-gradient(#cbd5e1 1px,transparent 1px);background-size:18px 18px}.preview-device{--brand:#4f46e5;background:#fff;color:#172033;box-shadow:0 24px 55px #25314b33;transition:.25s;overflow:auto}.preview-device[data-theme="dark"]{background:#141b2a;color:#f7f9fc}.preview-device.app{width:340px;height:680px;border:10px solid #101827;border-radius:34px;padding:10px;position:relative}.preview-device.website{width:min(900px,95%);min-height:590px;border-radius:10px}.preview-device.website.mobile-view{width:360px}.preview-device.ai{width:380px;height:620px;border-radius:22px;padding:18px}.pv-header,.pv-webnav{display:flex;justify-content:space-between;align-items:center;padding:14px;border-radius:10px}.pv-header{background:var(--brand);color:white}.pv-webnav{padding:18px 24px;border-bottom:1px solid #e8ebf2}.pv-webnav span{font-size:12px}.pv-search{margin:10px 0;padding:12px;border:1px solid #dfe4ed;border-radius:10px;color:#8993a5}.pv-banner{height:105px;border-radius:12px;background:linear-gradient(135deg,var(--brand),#22c1dc);color:#fff;display:grid;place-items:center;font-weight:800;margin:10px 0}.pv-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.pv-cats i,.pv-cards i{display:block;height:66px;border-radius:10px;background:#eef1f7}.pv-section{padding:13px}.pv-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.pv-cards i{height:90px}.pv-bottom{position:sticky;bottom:0;margin-top:14px;background:#fff;border-top:1px solid #e1e6ef;padding:14px 6px;text-align:center;font-size:12px;color:#556078}.preview-device[data-theme="dark"] .pv-bottom{background:#1c2638}.pv-floating{position:absolute;right:18px;top:70px;background:#fff;color:#222;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;box-shadow:0 5px 15px #0002}.pv-hero{padding:70px 40px;text-align:center;background:linear-gradient(135deg,#f0efff,#e6f8ff)}.pv-hero h2{font-size:38px;margin:0 0 10px;color:#172033}.pv-hero button{background:var(--brand);color:#fff;border:0;border-radius:9px;padding:11px 16px}.pv-contact{margin-top:10px;border:1px solid #e2e6ee;border-radius:10px;padding:20px;color:#8b95a5}.pv-footer{padding:25px;text-align:center;background:#101827;color:#cdd5e4}.pv-feature{margin:9px 0;padding:10px;border-radius:9px;background:#eef8ff}.ai-bubble{padding:12px 14px;border-radius:15px;margin:10px 0;max-width:85%;line-height:1.4}.ai-bubble.assistant{background:#eef1ff}.ai-bubble.user{background:var(--brand);color:#fff;margin-left:auto}.ai-knowledge{padding:10px;border:1px dashed #aeb8ca;border-radius:10px;margin:18px 0;color:#657187}.ai-input{position:sticky;top:520px;border:1px solid #dfe4ed;border-radius:12px;padding:13px;color:#98a1af}.empty-preview{padding:40px;text-align:center;color:#8a95a8}
@media(max-width:1100px){.visual-builder{grid-template-columns:260px 280px 1fr}.component-check small{display:none}}
/* AWA Builder v1.2 */
.visual-builder.v12{grid-template-columns:300px 360px 1fr}.panel-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.component-add{width:100%;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;border:1px solid #e3e8f1;border-radius:12px;padding:10px;margin:8px 0;background:#fff;text-align:left;cursor:pointer}.component-add:hover{border-color:#8378f2;background:#fafaff}.component-add b{display:block;font-size:14px}.component-add small{display:block;font-size:11px;color:#7a8599;margin-top:2px;line-height:1.3}.add-mark{font-size:21px;color:#5847ef}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.builder-divider{border-top:1px solid #e6eaf1;margin:20px -18px;padding-top:18px}.mini-action{border:1px solid #dfe4ed;background:#fff;border-radius:9px;padding:7px 9px;font-weight:750;cursor:pointer}.page-list-builder,.section-list-builder{display:grid;gap:7px}.page-builder-row{display:flex;border:1px solid #e1e6ef;border-radius:10px;overflow:hidden;background:#fff}.page-builder-row.active{border-color:#6756ef;background:#f6f4ff}.page-open{flex:1;border:0;background:transparent;text-align:left;padding:10px 11px;font-weight:700;cursor:pointer}.page-delete{border:0;border-left:1px solid #e7ebf2;background:transparent;padding:0 11px;color:#9b1c1c;cursor:pointer}.section-builder-row{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid #e1e6ef;border-radius:10px;background:#fff;overflow:hidden}.section-builder-row.active{border-color:#6756ef;background:#f7f5ff}.section-select{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:10px;text-align:left;cursor:pointer}.section-select span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#f0efff;color:#5143d5}.section-tools{display:flex}.section-tools button{width:30px;height:34px;border:0;border-left:1px solid #e8ebf2;background:#fff;cursor:pointer}.section-tools button:disabled{opacity:.35;cursor:not-allowed}.empty-settings{padding:13px;border:1px dashed #cfd6e2;border-radius:10px;color:#7a8599;font-size:12px}.component-settings-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.component-settings-head h3{margin:0}.component-settings-head p{margin:2px 0 0;color:#7a8599;font-size:12px}.pv-cats.horizontal{display:flex;overflow:hidden}.pv-cats.horizontal i{min-width:75px;flex:0 0 75px}.pv-banner small{display:block;font-weight:500;font-size:10px;margin-left:6px}@media(max-width:1200px){.visual-builder.v12{grid-template-columns:260px 320px 1fr}}
/* AWA Builder v1.2.1 usability + navigation */
.preview-device.app{overflow-y:scroll!important;overflow-x:hidden!important;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-gutter:stable;min-height:0}
.preview-device.app::-webkit-scrollbar{width:7px}.preview-device.app::-webkit-scrollbar-thumb{background:#c5ccda;border-radius:9px}
.item-map-list{display:grid;gap:9px;margin-top:10px}.item-map-row{border:1px solid #e1e6ef;border-radius:10px;padding:9px;background:#fafbfe}.item-map-top{display:grid;grid-template-columns:70px 1fr;gap:7px;margin-bottom:7px}.item-map-row input,.item-map-row select{width:100%;border:1px solid #dfe4ed;border-radius:8px;padding:8px;background:#fff}.mapping-help{font-size:12px;line-height:1.45;color:#677489;background:#f0f7ff;border-radius:9px;padding:9px;margin:8px 0 10px}
.pv-cats{grid-template-columns:repeat(3,minmax(0,1fr))}.pv-click-item{border:0;background:#eef1f7;border-radius:10px;min-height:72px;padding:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#4b5568;cursor:pointer}.pv-click-item span{font-size:20px}.pv-click-item small{font-size:9px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pv-click-item[data-go-page]:hover{outline:2px solid var(--brand)}
.pv-cats.horizontal{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.pv-cats.horizontal .pv-click-item{min-width:82px;flex:0 0 82px}
.pv-bottom-icons{display:flex;justify-content:space-around;gap:3px;padding:7px 3px;z-index:5}.pv-bottom-icons button{flex:1;border:0;background:transparent;color:#556078;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;min-width:0}.pv-bottom-icons button span{font-size:17px}.pv-bottom-icons button small{font-size:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-device[data-theme="dark"] .pv-bottom-icons button{color:#e7ecf6}

/* v1.2.2 — independent builder scrolling */
html{height:100%}
body.builder-body{height:100vh;max-height:100vh;overflow:hidden!important}
body.builder-body .builder-toolbar{flex:0 0 68px;position:relative;z-index:50}
body.builder-body .visual-builder.v12{height:calc(100vh - 68px)!important;max-height:calc(100vh - 68px)!important;min-height:0!important;overflow:hidden!important}
body.builder-body .component-panel,
body.builder-body .settings-panel,
body.builder-body .preview-panel{height:100%;min-height:0!important;max-height:100%;overflow:hidden}
body.builder-body .component-panel,
body.builder-body .settings-panel{overflow-y:scroll!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;scrollbar-width:auto;padding-bottom:80px}
body.builder-body .component-panel::-webkit-scrollbar,
body.builder-body .settings-panel::-webkit-scrollbar{width:12px}
body.builder-body .component-panel::-webkit-scrollbar-track,
body.builder-body .settings-panel::-webkit-scrollbar-track{background:#eef2f7}
body.builder-body .component-panel::-webkit-scrollbar-thumb,
body.builder-body .settings-panel::-webkit-scrollbar-thumb{background:#9aa6b8;border-radius:10px;border:3px solid #eef2f7}
body.builder-body .preview-panel{display:flex;flex-direction:column}
body.builder-body .preview-head{flex:0 0 64px}
body.builder-body .preview-stage{flex:1;min-height:0!important;overflow:hidden!important;align-items:start!important;justify-items:center!important;padding:24px 28px 36px}
body.builder-body .preview-device.app{height:min(680px,calc(100vh - 172px))!important;max-height:calc(100vh - 172px)!important;min-height:360px!important;overflow-y:scroll!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;scrollbar-width:auto!important}
body.builder-body .preview-device.app::-webkit-scrollbar{width:11px!important}
body.builder-body .preview-device.app::-webkit-scrollbar-track{background:#eef2f7}
body.builder-body .preview-device.app::-webkit-scrollbar-thumb{background:#8e99aa;border-radius:10px;border:3px solid #eef2f7}
@media(max-height:620px){body.builder-body .preview-device.app{height:calc(100vh - 150px)!important;min-height:280px!important}}