/* UniStorm 3.6 — ecosystem products, UniStorm ID, SEO Booster & Beauty AI demos */
.product-hub-hero h1,.account-hero h1{max-width:980px}.product-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ecosystem-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:22px;padding:26px;background:linear-gradient(145deg,rgba(13,25,38,.94),rgba(6,13,22,.92));min-height:360px;display:flex;flex-direction:column}.ecosystem-card:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-80px;top:-100px;background:radial-gradient(circle,rgba(75,220,255,.14),transparent 70%);pointer-events:none}.ecosystem-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.ecosystem-card-top span{font-size:12px;font-weight:800;letter-spacing:.09em;color:#83e8ff}.ecosystem-card-top b{font:800 15px var(--font-display);padding:8px 10px;border:1px solid rgba(107,230,255,.23);border-radius:10px;background:rgba(88,224,255,.06)}.ecosystem-card h2{font-size:27px;margin:42px 0 10px}.ecosystem-card p{font-size:15px;line-height:1.72;color:#a8b7c7;max-width:640px}.ecosystem-card .tag-row{margin:18px 0 24px}.ecosystem-card .btn{margin-top:auto;align-self:flex-start}.sso-story{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}.sso-story h2{font-size:38px;margin:8px 0 14px}.sso-story p{font-size:16px;line-height:1.75;color:#aab8c7}.sso-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:center}.sso-flow>*{min-height:74px;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;font-size:13px}.sso-flow strong{grid-column:span 2;color:#7cecff;background:rgba(83,224,255,.06)}.sso-flow i{border:0;min-height:auto;color:#60758a}.sso-flow span:first-child{grid-column:span 2}.account-hero{padding-bottom:36px}.auth-state{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:24px;border:1px solid var(--line);border-radius:13px;padding:13px 15px;background:rgba(9,19,31,.78);font-size:13px}.auth-state i{width:9px;height:9px;border-radius:50%;background:#ffc861;box-shadow:0 0 15px rgba(255,200,97,.45)}.auth-state span{color:#97aabd}.account-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.account-service-card{display:flex;gap:12px;align-items:center;padding:17px;border:1px solid var(--line);border-radius:16px;background:rgba(10,20,31,.76);color:inherit;text-decoration:none}.account-service-card>span{width:43px;height:43px;border-radius:12px;background:rgba(87,226,255,.09);border:1px solid rgba(87,226,255,.2);display:grid;place-items:center;font:800 12px var(--font-display);color:#8bf0ff}.account-service-card div{min-width:0;flex:1}.account-service-card b{display:block;font-size:14px}.account-service-card small{display:block;color:#8fa1b3;font-size:12px;line-height:1.45;margin-top:3px}.account-service-card em{font-style:normal;color:#6ce6fa}.account-architecture{display:grid;grid-template-columns:1fr 1fr;gap:55px}.account-architecture h2{font-size:36px}.account-architecture p{font-size:15px;line-height:1.75;color:#a5b4c4}.account-architecture ol{list-style:none;padding:0;margin:0;display:grid;gap:10px}.account-architecture li{border:1px solid var(--line);border-radius:14px;padding:15px 17px;background:rgba(255,255,255,.025)}.account-architecture li b{display:block;font-size:14px;color:#f4fbff}.account-architecture li span{font-size:13px;color:#91a4b7}.account-architecture code{color:#7cecff}
/* SEO Marketing Booster */
.seo-app{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:780px;border:1px solid #26394c;border-radius:18px;overflow:hidden;background:#07101a;color:#eaf4ff;box-shadow:0 32px 100px rgba(0,0,0,.28)}.seo-side{background:#091522;border-right:1px solid #213246;padding:16px;display:flex;flex-direction:column;gap:6px}.seo-logo{display:flex;align-items:center;gap:10px;padding:7px 5px 20px}.seo-logo>b{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#19d2ff,#326bff);font:800 13px var(--font-display);color:white}.seo-logo span{font:700 14px var(--font-display)}.seo-logo small{display:block;font:500 11px var(--font-body);color:#718ba3;margin-top:3px}.seo-side>button{border:0;background:transparent;color:#94a9bc;border-radius:9px;text-align:left;min-height:42px;padding:0 12px;font:700 13px var(--font-ui);cursor:pointer}.seo-side>button.active,.seo-side>button:hover{background:#10263b;color:#fff}.seo-connect{margin-top:auto;border:1px solid #244258;border-radius:12px;padding:12px;background:#0c1b2a}.seo-connect span,.seo-connect small{display:block;font-size:12px;color:#7891a7}.seo-connect b{display:block;font-size:12px;color:#63e898;margin:4px 0}.seo-main{min-width:0;padding:22px}.seo-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:17px}.seo-toolbar small,.seo-view-head small,.panel-title small{font-size:12px;letter-spacing:.11em;color:#637c92}.seo-toolbar h2{font-size:24px;margin:2px 0}.seo-urlbox{display:flex;width:min(620px,55%);border:1px solid #2a465c;background:#081725;border-radius:11px;overflow:hidden}.seo-urlbox input{flex:1;min-width:0;background:transparent;border:0;color:white;padding:0 13px;font-size:14px}.seo-urlbox button{border:0;background:#18bde4;color:#00121a;font-weight:800;padding:0 17px;min-height:44px;cursor:pointer}.seo-progress{position:relative;overflow:hidden;border:1px solid #22485e;border-radius:10px;padding:11px 14px;margin-bottom:14px;background:#0a1a27}.seo-progress>span{position:absolute;inset:0 auto 0 0;width:35%;background:linear-gradient(90deg,rgba(51,220,255,.08),rgba(51,220,255,.18));animation:seoScan 1.2s linear infinite}.seo-progress b,.seo-progress small{position:relative;font-size:12px}.seo-progress small{color:#7f9ab0;margin-left:8px}@keyframes seoScan{0%{transform:translateX(-100%)}100%{transform:translateX(300%)}}.seo-view{min-width:0}.seo-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.seo-kpis article,.webmaster-grid article{border:1px solid #22364b;border-radius:13px;background:#0b1724;padding:15px}.seo-kpis small,.webmaster-grid small{font-size:12px;color:#6f889e;letter-spacing:.09em}.seo-kpis strong,.webmaster-grid strong{display:block;font:800 25px var(--font-display);margin:7px 0 2px}.seo-kpis span,.webmaster-grid span{font-size:12px;color:#7f97ad}.seo-dashboard-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:12px;margin-top:12px}.seo-panel{border:1px solid #22364b;border-radius:14px;background:#0a1723;padding:16px}.panel-title,.seo-view-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-title h3,.seo-view-head h3{font-size:18px;margin:2px 0}.panel-title>span,.api-badge{font-size:12px;border:1px solid #2e5369;border-radius:99px;padding:6px 9px;color:#7ccfe0}.seo-issue-list{display:grid;gap:7px;margin-top:12px}.seo-issue-list button{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:left;border:1px solid #1d3345;border-radius:10px;background:#0b1b29;color:#dfeaf3;padding:11px;cursor:pointer}.seo-issue-list strong{display:block;font-size:13px}.seo-issue-list small{font-size:12px;color:#7890a5}.seo-issue-list em{font-style:normal}.sev{display:inline-flex;align-items:center;width:max-content;border-radius:7px;padding:5px 7px;font-size:12px;letter-spacing:.05em}.sev.critical{background:#3a1722;color:#ff7c96}.sev.warn{background:#392d15;color:#ffd270}.sev.opportunity{background:#123427;color:#65e3a1}.channel-bars{display:grid;gap:14px;margin-top:15px}.channel-bars div{position:relative;padding-bottom:8px}.channel-bars span{font-size:12px}.channel-bars b{float:right;font-size:12px}.channel-bars i{position:absolute;height:3px;bottom:0;left:0;width:100%;background:#152a3b;border-radius:99px;overflow:hidden}.channel-bars i:after{content:"";display:block;width:var(--p);height:100%;background:linear-gradient(90deg,#20cbea,#5479ff)}.seo-view-head{margin-bottom:14px}.seo-filter-chips{display:flex;gap:6px;flex-wrap:wrap}.seo-filter-chips button{border:1px solid #29475e;border-radius:99px;background:#091a28;color:#89a3b8;padding:7px 10px;font-size:12px}.seo-filter-chips .active{color:white;border-color:#4fdaf4}.audit-cards{display:grid;gap:10px}.audit-cards article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:15px;align-items:center;border:1px solid #22364a;border-radius:12px;padding:14px;background:#0a1723}.audit-cards h4{margin:7px 0 3px;font-size:15px}.audit-cards p{margin:0;font-size:12px;color:#7d94a8}.audit-cards>article>span{font-size:12px;color:#8da4b8}.audit-cards button,.seo-actions button,.wm-row button,.direct-grid button{border:1px solid #2e6980;border-radius:8px;background:#0e3243;color:#a8efff;padding:9px 11px;font-size:12px;font-weight:800;cursor:pointer}.ai-fix-panel{margin-top:13px;border:1px solid #316077;border-radius:14px;padding:16px;background:#081b28}.ai-fix-panel .panel-title button{border:0;background:none;color:white;font-size:25px}.diff-box{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}.diff-box>div{border:1px solid #274052;border-radius:10px;padding:12px;background:#07131d}.diff-box small{display:block;font-size:12px;color:#70879a;margin-bottom:6px}.diff-box code{font-size:12px;line-height:1.6;white-space:pre-wrap;color:#dce9f2}.diff-box>div:last-child{border-color:#245c4b}.diff-box>div:last-child code{color:#83ebb5}.seo-actions{display:flex;gap:8px}.seo-actions .ghost{background:transparent}.seo-actions+.muted{font-size:12px}.seo-search{border:1px solid #2a4257;border-radius:9px;background:#091724;color:#e8f4ff;min-height:39px;padding:0 11px}.seo-table{border:1px solid #20364a;border-radius:12px;overflow:auto}.seo-tr{display:grid;grid-template-columns:1.4fr .5fr 1.5fr .7fr .4fr;gap:8px;padding:11px 12px;border-top:1px solid #182c3c;font-size:12px;align-items:center;min-width:780px}.seo-tr.head{border-top:0;background:#0e2030;color:#718a9f;font-size:12px;font-weight:800;letter-spacing:.05em}.seo-tr .http-ok{color:#6ae6a1}.seo-tr b{font-size:12px}.queries .seo-tr{grid-template-columns:1.5fr .7fr .7fr .7fr .7fr}.potential{color:#68e3a5}.webmaster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.wm-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border-top:1px solid #1d3345;padding:13px 0}.wm-row strong{display:block;font-size:13px}.wm-row small{font-size:12px;color:#768da2}.direct-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.direct-grid article{border:1px solid #22384a;border-radius:13px;background:#0a1723;padding:14px}.direct-grid header span{font-size:12px;color:#66d8ec}.direct-grid header b{display:block;font-size:15px;margin:4px 0}.direct-grid header em{font-style:normal;font-size:12px;color:#63e299}.direct-grid article>div{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.direct-grid article>div span{font-size:12px;border:1px solid #253d51;border-radius:7px;padding:6px}.direct-grid p{font-size:12px;color:#8098aa;line-height:1.55;min-height:76px}.autopilot-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.autopilot-levels button{border:1px solid #263e52;border-radius:13px;background:#0a1723;color:#dce9f2;padding:15px;text-align:left;min-height:160px;cursor:pointer}.autopilot-levels button.active{border-color:#43d7ee;box-shadow:inset 0 0 0 1px rgba(67,215,238,.25)}.autopilot-levels span{font-size:12px;color:#56d7eb}.autopilot-levels b{display:block;font-size:15px;margin:24px 0 6px}.autopilot-levels small{font-size:12px;line-height:1.5;color:#7890a5}.autopilot-policy{margin-top:12px;border:1px solid #22394d;border-radius:13px;padding:16px;background:#0a1723;display:grid;gap:8px}.autopilot-policy h3{font-size:17px;margin:0 0 4px}.autopilot-policy label{font-size:12px;color:#a7b8c7}.autopilot-policy p{font-size:12px;line-height:1.6;color:#d7b879;border-top:1px solid #2b3b49;padding-top:10px;margin-top:6px}
/* Beauty AI demo */
.beauty-app{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:760px;border:1px solid #333044;border-radius:20px;overflow:hidden;background:#f7f4f1;color:#211d28;box-shadow:0 32px 100px rgba(0,0,0,.25)}.beauty-side{background:#1a1721;color:white;padding:17px;display:flex;flex-direction:column}.beauty-brand{display:flex;gap:10px;align-items:center;padding:7px 4px 25px}.beauty-brand>b{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#ff8ec1,#906dff);font:800 18px var(--font-display)}.beauty-brand span{font:700 14px var(--font-display)}.beauty-brand small{display:block;font:500 11px var(--font-body);color:#aaa0b7}.beauty-steps{display:grid;gap:5px}.beauty-steps button{display:flex;align-items:center;gap:9px;border:0;border-radius:10px;background:transparent;color:#aea4b7;text-align:left;padding:9px;font:700 12px var(--font-ui);cursor:pointer}.beauty-steps button span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;border:1px solid #443d4d;font-size:12px}.beauty-steps button.active{background:#2a2432;color:white}.beauty-steps button.active span{background:#f592c1;color:#35192a;border-color:#f592c1}.beauty-side-note{margin-top:auto;border:1px solid #3b3444;border-radius:12px;padding:12px;background:#211c28}.beauty-side-note b{display:block;font-size:12px;color:#ffabd0}.beauty-side-note span{display:block;font-size:12px;line-height:1.55;color:#a59aab;margin-top:5px}.beauty-main{min-width:0;padding:23px}.beauty-main>header{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #e1dad5;padding-bottom:17px}.beauty-main>header small{font-size:12px;color:#9c8d98;letter-spacing:.1em}.beauty-main>header h2{font-size:23px;margin:2px 0}.beauty-mode{display:flex;border:1px solid #d8cfd2;border-radius:10px;padding:3px;background:white}.beauty-mode button{border:0;background:transparent;border-radius:7px;padding:8px 12px;font:700 12px var(--font-ui);color:#81747d;cursor:pointer}.beauty-mode button.active{background:#211d28;color:white}.beauty-screen{display:none;padding-top:24px}.beauty-screen.active{display:block}.beauty-screen-title{display:flex;gap:13px;align-items:flex-start}.beauty-screen-title>span{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#251f2a;color:white;font:800 11px var(--font-display)}.beauty-screen-title h3{font-size:23px;margin:0}.beauty-screen-title p{font-size:13px;color:#8c7f87;margin:4px 0 0}.photo-uploader{display:grid;grid-template-columns:360px 1fr;gap:28px;align-items:center;margin-top:26px}.client-photo{aspect-ratio:4/5;border-radius:20px;background:linear-gradient(145deg,#eaded9,#d9c6cc);overflow:hidden;position:relative;display:grid;place-items:center;border:1px solid #d4c6c7}.client-photo img,.beauty-render img{width:100%;height:100%;object-fit:cover}.face-placeholder{position:relative;width:160px;height:210px}.face-placeholder:before{content:"";position:absolute;width:118px;height:145px;border-radius:52% 48% 45% 45%;background:linear-gradient(145deg,#f2cbb4,#d99d82);left:20px;top:46px;box-shadow:inset -10px -8px 20px rgba(118,68,52,.11)}.face-placeholder:after{content:"";position:absolute;width:128px;height:105px;border-radius:60px 60px 32px 32px;background:#3d2b2a;left:15px;top:19px}.face-placeholder span:before,.face-placeholder span:after{content:"";position:absolute;width:13px;height:4px;border-radius:99px;background:#5b443c;top:108px;z-index:2}.face-placeholder span:before{left:54px}.face-placeholder span:after{right:54px}.face-placeholder b{position:absolute;z-index:2;width:25px;height:5px;border-bottom:2px solid #a86161;border-radius:50%;left:67px;top:150px}.face-placeholder i{position:absolute;width:130px;height:70px;border-radius:55% 55% 20px 20px;background:#b3928f;left:14px;bottom:-20px}.upload-copy h4{font-size:22px;margin:0 0 8px}.upload-copy p{font-size:14px;line-height:1.7;color:#81747c;max-width:540px}.upload-copy .btn{margin:12px 8px 0 0}.beauty-next,.beauty-generate{margin-top:25px;border:0;border-radius:11px;background:#241e29;color:white;min-height:46px;padding:0 18px;font:800 13px var(--font-ui);cursor:pointer}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}.audience-grid button{border:1px solid #ddd3d3;border-radius:14px;background:white;padding:18px;text-align:left;cursor:pointer}.audience-grid button.active{border-color:#d85e9e;box-shadow:inset 0 0 0 1px #d85e9e}.audience-grid span{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#f5e7ef;color:#b14c82}.audience-grid b{display:block;font-size:15px;margin-top:22px}.audience-grid small{font-size:12px;color:#95888f}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.preset-grid button{border:1px solid #ddd3d3;background:white;border-radius:14px;overflow:hidden;padding:0 0 13px;text-align:left;cursor:pointer}.preset-grid button.active{border-color:#d75f9d;box-shadow:inset 0 0 0 1px #d75f9d}.preset-grid b,.preset-grid small{display:block;padding:0 12px}.preset-grid b{font-size:14px;margin-top:10px}.preset-grid small{font-size:12px;color:#91848b;margin-top:3px}.preset-face{height:155px;background:linear-gradient(145deg,#ecdeda,#d6c5c5);position:relative;overflow:hidden}.preset-face:before{content:"";position:absolute;width:65px;height:82px;border-radius:50%;background:#e5b9a2;left:50%;top:48px;transform:translateX(-50%)}.preset-face:after{content:"";position:absolute;background:#493332;left:50%;transform:translateX(-50%);top:25px}.hair-bob:after{width:95px;height:80px;border-radius:48px 48px 25px 25px}.hair-cascade:after{width:108px;height:115px;border-radius:50px 50px 34px 34px}.hair-waves:after{width:120px;height:130px;border-radius:55px 55px 30px 30px;background:linear-gradient(90deg,#4a3030,#6c4743,#452c2c)}.hair-pixie:after{width:86px;height:55px;border-radius:45px 45px 18px 18px}.beauty-prompt{display:grid;gap:6px;margin-top:16px;font-size:12px;font-weight:700}.beauty-prompt textarea{min-height:82px;border:1px solid #d9ced0;border-radius:11px;background:white;padding:12px;font-size:14px;resize:vertical}.beauty-generate{background:linear-gradient(135deg,#d85d9c,#7659d8)}.beauty-generating{margin-top:12px;border:1px solid #dfced7;border-radius:11px;background:#fff;padding:12px;display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:center}.beauty-generating i{width:19px;height:19px;border:2px solid #d9c5d0;border-top-color:#d6609c;border-radius:50%;animation:spin .8s linear infinite}.beauty-generating b,.beauty-generating span{font-size:12px}.beauty-generating span{color:#978a91}@keyframes spin{to{transform:rotate(360deg)}}.beauty-results{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:23px}.beauty-results article{border:1px solid #d9cfd1;border-radius:14px;overflow:hidden;background:white}.beauty-results article>span{display:block;padding:9px 11px;font-size:12px;font-weight:800}.beauty-render{height:270px;background:linear-gradient(145deg,#eaded9,#d6c6c8);position:relative;overflow:hidden;display:grid;place-items:center}.beauty-render img{position:absolute;inset:0}.angle-quarter img{transform:scale(1.05) translateX(-2%)}.angle-left img{transform:scale(1.08) translateX(3%)}.angle-right img{transform:scale(1.08) translateX(-3%)}.hair-overlay{position:absolute;left:50%;top:22px;transform:translateX(-50%);width:54%;height:43%;border-radius:50% 50% 34% 34%;background:#493332;opacity:.82;mix-blend-mode:multiply;pointer-events:none}.beauty-render[data-preset="cascade"] .hair-overlay{height:62%;width:61%;border-radius:50% 50% 38% 38%}.beauty-render[data-preset="waves"] .hair-overlay{height:70%;width:66%;background:linear-gradient(90deg,#472d2e,#6e4945,#432a2b)}.beauty-render[data-preset="pixie"] .hair-overlay{height:28%;width:48%}.makeup-overlay{display:none;position:absolute;inset:0;pointer-events:none}.beauty-render[data-mode="makeup"] .makeup-overlay{display:block}.makeup-overlay i{position:absolute;width:27%;height:4%;left:36%;top:42%;border-top:3px solid rgba(91,43,91,.55);border-radius:50%}.makeup-overlay b{position:absolute;width:12%;height:3%;left:44%;top:61%;background:rgba(183,56,95,.52);border-radius:50%}.beauty-result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.beauty-result-actions button{border:1px solid #d4c8cc;background:white;color:#433943;border-radius:9px;padding:10px 12px;font-size:12px;font-weight:800;cursor:pointer}.beauty-consult{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:9px;align-items:center;margin-top:14px;border:1px solid #d9cfd1;border-radius:12px;background:white;padding:12px;font-size:12px}.beauty-consult span{color:#9a8c93}.beauty-consult b.good{color:#218456}
@media(max-width:1150px){.account-grid{grid-template-columns:repeat(3,1fr)}.seo-app,.beauty-app{grid-template-columns:200px 1fr}.direct-grid{grid-template-columns:1fr 1fr}.autopilot-levels{grid-template-columns:1fr 1fr}.photo-uploader{grid-template-columns:300px 1fr}.beauty-results{grid-template-columns:1fr 1fr}.preset-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.product-service-grid,.sso-story,.account-architecture{grid-template-columns:1fr}.account-grid{grid-template-columns:1fr 1fr}.seo-app,.beauty-app{grid-template-columns:1fr}.seo-side{display:flex;flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid #213246}.seo-logo,.seo-connect{display:none}.seo-side>button{white-space:nowrap}.seo-toolbar{align-items:flex-start;flex-direction:column}.seo-urlbox{width:100%}.seo-kpis,.webmaster-grid{grid-template-columns:1fr 1fr}.seo-dashboard-grid{grid-template-columns:1fr}.audit-cards article{grid-template-columns:1fr}.direct-grid{grid-template-columns:1fr}.beauty-side{padding:10px;display:block}.beauty-brand,.beauty-side-note{display:none}.beauty-steps{display:flex;overflow:auto}.beauty-steps button{white-space:nowrap}.beauty-main{padding:16px}.photo-uploader{grid-template-columns:1fr}.client-photo{max-width:360px}.audience-grid{grid-template-columns:1fr 1fr}.beauty-consult{grid-template-columns:auto 1fr}.beauty-results{grid-template-columns:1fr 1fr}.sso-flow{grid-template-columns:1fr 1fr}.sso-flow strong,.sso-flow span:first-child{grid-column:auto}.sso-flow i{display:none}}
@media(max-width:520px){.account-grid{grid-template-columns:1fr}.seo-kpis,.webmaster-grid,.autopilot-levels{grid-template-columns:1fr}.diff-box{grid-template-columns:1fr}.beauty-results,.preset-grid,.audience-grid{grid-template-columns:1fr}.beauty-main>header{align-items:flex-start;flex-direction:column}.beauty-render{height:320px}}
@media print{.site-header,.footer,.demo-modebar,.beauty-side,.beauty-main>header,.beauty-result-actions,.page-hero{display:none!important}.beauty-app{display:block;border:0;box-shadow:none}.beauty-main{padding:0}.beauty-screen{display:none!important}.beauty-screen[data-beauty-screen="4"]{display:block!important}.beauty-results{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1000px){.desktop-nav{gap:18px}.desktop-nav a{white-space:nowrap}}