/* ─────────────────────────────────────────────────────────────────────────
   DMA Schema Markup Generator, styles.css
   Base design system (reset, colors, nav, footer chrome, hero, buttons,
   url form, dashboard shell/checklist/info-card/tech-stack/embed-card
   components) is copied directly from the DMA SEO Audit & Score Checker
   tool's real styles.css, so this tool matches the rest of the site
   exactly instead of introducing a new visual language. New rules for
   this tool's own dynamic form and JSON-LD output are added at the end,
   in the same idiom (same color variables, same border-radius and
   spacing values, same rdb- naming convention).
   ───────────────────────────────────────────────────────────────────────── */

*{margin:0;padding:0;box-sizing:border-box}:root{--navy:#0e2554;--navy2:#1b3a6b;--blue:#2b5499;--teal:#12aabf;--teal2:#4dc8d8;--teal-light:#e0f7fa;--gold:#ffd166;--gold2:#ffe49a;--gold-bg:#fff8e0;--coral:#ff6b6b;--coral-light:#fff0f0;--purple:#7c3aed;--purple-light:#f3eeff;--green:#10b981;--green-light:#ecfdf5;--orange:#f59e0b;--orange-light:#fffbeb;--rose:#ec4899;--rose-light:#fdf2f8;--indigo:#4f46e5;--indigo-light:#eef2ff;--slide-bg:#f5f9fd;--border:#c8ddef;--dark:#0a1628;--white:#fff;--text:#1a2a3a;--text2:#4a6a8a}html{scroll-behavior:smooth}body{font-family:'DM Sans',sans-serif;color:var(--text);background:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:'Plus Jakarta Sans',sans-serif;line-height:1.2}section{padding:50px 16px}.container{max-width:1080px;margin:0 auto}.stag{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;padding:5px 14px;border-radius:6px;margin-bottom:10px}.stitle{font-size:clamp(1.4rem,3.5vw,2.2rem);font-weight:900;margin-bottom:8px}.sdesc{font-size:.93rem;color:var(--text2);max-width:600px;line-height:1.6;margin-bottom:28px}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:12px;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s;cursor:pointer;border:0;font-family:'Plus Jakarta Sans',sans-serif}.site-nav{background:var(--dark);position:sticky;top:0;z-index:200;border-bottom:1px solid rgba(255,255,255,.07)}.nav-inner{max-width:1080px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;height:62px;gap:16px}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.nav-logo img{height:38px;width:38px;border-radius:8px;background:white;padding:3px;object-fit:contain}.nav-logo span{font-family:'Plus Jakarta Sans',sans-serif;font-size:.88rem;font-weight:800;color:white;line-height:1.2;display:none}@media(min-width:480px){.nav-logo span{display:block}}.nav-links{display:none;list-style:none;gap:4px;align-items:center}@media(min-width:900px){.nav-links{display:flex}}.nav-links>li{position:relative}.nav-links>li>a{display:flex;align-items:center;gap:4px;color:rgba(255,255,255,.8);font-size:.82rem;font-weight:600;text-decoration:none;padding:8px 12px;border-radius:8px;transition:all .2s;font-family:'Plus Jakarta Sans',sans-serif;white-space:nowrap}.nav-links>li>a:hover,.nav-links>li>a.active{color:var(--teal);background:rgba(18,170,191,.08)}.nav-links>li>a .arr{font-size:9px;transition:transform .2s;margin-left:2px}.nav-links>li:hover>a .arr{transform:rotate(180deg)}.nav-dropdown{position:absolute;top:calc(100% + 6px);left:0;background:var(--dark);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;min-width:240px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .2s;z-index:300;box-shadow:0 12px 32px rgba(0,0,0,.3)}.nav-links>li:hover .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown a{display:block;color:rgba(255,255,255,.75);font-size:.8rem;font-weight:600;text-decoration:none;padding:9px 14px;border-radius:8px;transition:all .2s;font-family:'Plus Jakarta Sans',sans-serif}.nav-dropdown a:hover{color:var(--teal);background:rgba(18,170,191,.08)}.nav-dropdown .dd-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:rgba(255,255,255,.3);padding:6px 14px 4px;display:block}.nav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.nav-wa{display:inline-flex;align-items:center;gap:6px;background:#25d366;color:white;padding:8px 14px;border-radius:8px;font-size:.78rem;font-weight:700;text-decoration:none;font-family:'Plus Jakarta Sans',sans-serif;transition:all .2s;white-space:nowrap}.nav-wa:hover{background:#1ebe5d;transform:translateY(-1px)}.nav-wa .wa-text{display:none}@media(min-width:640px){.nav-wa .wa-text{display:inline}}.nav-call{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:white;padding:8px 14px;border-radius:8px;font-size:.78rem;font-weight:700;text-decoration:none;font-family:'Plus Jakarta Sans',sans-serif;transition:all .2s;white-space:nowrap}.nav-call:hover{background:rgba(255,255,255,.14);transform:translateY(-1px)}.nav-call .call-text{display:none}@media(min-width:760px){.nav-call .call-text{display:inline}}.nav-hamburger{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:8px;border-radius:8px;background:rgba(255,255,255,.06);border:0;transition:background .2s}.nav-hamburger:hover{background:rgba(255,255,255,.12)}.nav-hamburger span{display:block;width:20px;height:2px;background:white;border-radius:2px;transition:all .3s}.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(min-width:900px){.nav-hamburger{display:none}}.mobile-menu{display:none;position:fixed;top:62px;left:0;right:0;bottom:0;background:var(--dark);z-index:199;overflow-y:auto;padding:16px}.mobile-menu.open{display:block}.mob-nav-item{border-bottom:1px solid rgba(255,255,255,.07)}.mob-nav-link{display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.85);font-size:.92rem;font-weight:700;text-decoration:none;padding:16px 8px;font-family:'Plus Jakarta Sans',sans-serif;transition:color .2s}.mob-nav-link:hover{color:var(--teal)}.mob-nav-link .mob-arr{font-size:12px;transition:transform .3s;color:rgba(255,255,255,.4)}.mob-nav-item.open .mob-arr{transform:rotate(180deg)}.mob-submenu{display:none;padding:0 0 8px 16px}.mob-nav-item.open .mob-submenu{display:block}.mob-submenu a{display:block;color:rgba(255,255,255,.6);font-size:.84rem;font-weight:600;text-decoration:none;padding:11px 8px;border-bottom:1px solid rgba(255,255,255,.04);font-family:'Plus Jakarta Sans',sans-serif;transition:color .2s}.mob-submenu a:hover{color:var(--teal)}.mob-actions{display:flex;gap:10px;padding:20px 8px;flex-wrap:wrap}.mob-actions a{flex:1;min-width:140px;text-align:center;padding:14px 16px;border-radius:10px;font-size:.88rem;font-weight:700;text-decoration:none;font-family:'Plus Jakarta Sans',sans-serif}.scroll-top{position:fixed;bottom:28px;left:20px;right:auto;width:46px;height:46px;background:#fff;color:#0e2554;border:2px solid rgba(0,0,0,0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:500;opacity:0;visibility:hidden;transform:translateY(12px);transition:all .3s;box-shadow:0 6px 20px rgba(0,0,0,0.35)}.scroll-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top:hover{background:#f5f5f5;transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,0.4)}.scroll-top svg{width:20px;height:20px}.scroll-top svg path{stroke:#0e2554;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;fill:none}.demo-b{background:linear-gradient(90deg,#ff6b6b,#ec4899,#ffd166,#ff6b6b);padding:12px 16px;text-align:center;position:sticky;top:62px;z-index:198;animation:shimmer 3s infinite}@keyframes shimmer{0%,100%{background-size:200% 100%;background-position:0 50%}50%{background-size:200% 100%;background-position:100% 50%}}.demo-b .inner{max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.demo-b p{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:clamp(.82rem,2.2vw,1rem);color:var(--navy)}.demo-b .btn{padding:8px 18px;font-size:12px;background:var(--navy);color:white;border-radius:8px}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 16px 48px;overflow:hidden;background:linear-gradient(160deg,#0e2554 0,#1b3a6b 30%,#2b5499 60%,#12aabf 100%)}.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 80%,rgba(255,209,102,.12) 0,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(236,72,153,.1) 0,transparent 50%)}.hp{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hp span{position:absolute;display:block;border-radius:50%;animation:fu linear infinite;opacity:0}@keyframes fu{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.5}90%{opacity:.5}100%{transform:translateY(-10vh) scale(1);opacity:0}}.hero-logo{width:100px;height:auto;margin-bottom:16px;position:relative;z-index:1;border-radius:14px;background:white;padding:10px;box-shadow:0 8px 32px rgba(0,0,0,.2)}.hero-logo img{width:100%;height:auto;display:block;object-fit:contain}.hbadge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,209,102,.15);border:1px solid rgba(255,209,102,.35);color:var(--gold);padding:6px 16px;border-radius:50px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;margin-bottom:14px;position:relative;z-index:1}.hbadge .pulse{width:7px;height:7px;background:var(--gold);border-radius:50%;animation:pd 2s infinite}@keyframes pd{0%,100%{box-shadow:0 0 0 0 rgba(255,209,102,.5)}50%{box-shadow:0 0 0 7px rgba(255,209,102,0)}}.hero h1{font-size:clamp(1.8rem,5vw,3.2rem);color:white;font-weight:900;margin-bottom:12px;position:relative;z-index:1;line-height:1.12}.hero h1 .gt{background:linear-gradient(135deg,#4dc8d8,#ffd166);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero h1 .gd{color:var(--gold)}.hero-sub{font-size:clamp(.88rem,1.8vw,1.1rem);color:rgba(255,255,255,.7);max-width:620px;margin:0 auto 22px;position:relative;z-index:1;line-height:1.5}.hstats{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:24px;position:relative;z-index:1}.hs{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 14px;text-align:center;min-width:85px;backdrop-filter:blur(8px)}.hs .n{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.3rem;font-weight:900;color:var(--teal2);display:block}.hs .l{font-size:10px;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.4px;margin-top:2px}.hctas{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;position:relative;z-index:1}.btn-p{background:linear-gradient(135deg,#12aabf,#4dc8d8);color:var(--navy);box-shadow:0 4px 20px rgba(18,170,191,.3)}.btn-p:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(18,170,191,.4)}.btn-g{background:linear-gradient(135deg,#ffd166,#ffe49a);color:var(--navy);box-shadow:0 4px 20px rgba(255,209,102,.25)}.btn-g:hover{transform:translateY(-2px)}.btn-o{background:transparent;color:white;border:2px solid rgba(255,255,255,.2)}.btn-o:hover{border-color:var(--teal);color:var(--teal)}.countdown-s{background:linear-gradient(135deg,var(--navy),var(--purple));padding:24px 16px;text-align:center}.countdown-inner{max-width:600px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.cd-label{color:rgba(255,255,255,.7);font-size:.9rem;font-weight:600}.cd-boxes{display:flex;gap:8px}.cd-box{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:10px 14px;text-align:center;min-width:60px}.cd-box .cv{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.4rem;font-weight:900;color:var(--gold);display:block}.cd-box .cl{font-size:9px;text-transform:uppercase;color:rgba(255,255,255,.5);letter-spacing:.5px}.usp-s{background:linear-gradient(180deg,#fff 0,var(--teal-light) 100%);padding:50px 16px}.usp-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.uc{background:rgba(255,255,255,.85);backdrop-filter:blur(10px);border-radius:14px;padding:20px 16px;text-align:center;border:1px solid rgba(200,221,239,.6);transition:all .3s}.uc:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(14,37,84,.08)}.uc .ui{font-size:32px;margin-bottom:8px}.uc h4{font-size:.85rem;font-weight:800;color:var(--navy);margin-bottom:4px}.uc p{font-size:.78rem;color:var(--text2);line-height:1.45}.comp-s{background:linear-gradient(135deg,#ffe0e6 0,#fff0f0 50%,#ffebee 100%);padding:50px 16px}.comp-s .stag{background:rgba(220,38,38,.1);color:#dc2626}.comp-s .stitle{color:var(--navy)}.comp-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.06)}.comp-table th,.comp-table td{padding:14px 16px;text-align:left;font-size:.85rem}.comp-table thead th{background:var(--navy);color:white;font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.5px}.comp-table thead th:first-child{border-radius:0}.comp-table thead th.dma-col{background:linear-gradient(135deg,var(--teal),var(--teal2));color:var(--navy);font-weight:900}.comp-table thead th.other-col{background:#64748b}.comp-table tbody tr{background:white}.comp-table tbody tr:nth-child(even){background:#fafbfc}.comp-table tbody tr:hover{background:var(--teal-light)}.comp-table td{border-bottom:1px solid #eef2f7}.comp-table td:first-child{font-weight:600;color:var(--navy)}.comp-table .yes{color:var(--green);font-weight:800}.comp-table .no{color:var(--coral);font-weight:600}.comp-table .highlight{color:var(--teal);font-weight:800}.comp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.cur-s{background:linear-gradient(160deg,#0d7c5f 0,#10b981 40%,#34d399 100%);padding:50px 16px;color:white}.cur-s .stag{background:rgba(255,255,255,.15);color:white}.cur-s .stitle{color:white}.cur-s .sdesc{color:rgba(255,255,255,.7)}.tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}.tc{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:14px;overflow:hidden;transition:all .3s;backdrop-filter:blur(8px)}.tc:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.15)}.th{padding:14px 16px;display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.tn{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-weight:900;font-size:13px;color:white;flex-shrink:0}.th h3{font-size:.88rem;font-weight:800;color:white;flex:1}.mcb{background:rgba(255,255,255,.2);padding:2px 8px;border-radius:5px;font-size:11px;font-weight:700;color:rgba(255,255,255,.9);flex-shrink:0}.tt{width:22px;height:22px;border-radius:6px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:14px;color:white;transition:transform .3s;flex-shrink:0}.tc.open .tt{transform:rotate(180deg)}.tm{max-height:0;overflow:hidden;transition:max-height .4s ease}.tc.open .tm{max-height:500px}.tm ul{padding:0 16px 14px;list-style:none}.tm li{padding:5px 0 5px 20px;position:relative;font-size:.83rem;color:rgba(255,255,255,.85);border-bottom:1px solid rgba(255,255,255,.08)}.tm li:last-child{border:0}.tm li::before{content:'✓';position:absolute;left:0;color:var(--gold);font-weight:700;font-size:12px}.c1{background:#0e2554}.c2{background:#2b5499}.c3{background:#0d7c5f}.c4{background:#c0392b}.c5{background:#8e44ad}.c6{background:#e67e22}.c7{background:#12aabf}.c8{background:#2c3e50}.c9{background:#16a085}.c10{background:#d4a017}.port-s{background:linear-gradient(160deg,#7c3aed 0,#ec4899 50%,#f43f5e 100%);padding:50px 16px;color:white;position:relative;overflow:hidden}.port-s::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 70%,rgba(255,209,102,.1) 0,transparent 50%)}.port-s .stag{background:rgba(255,255,255,.15);color:var(--gold)}.port-s .stitle{color:white}.port-s .sdesc{color:rgba(255,255,255,.65)}.port-headline{font-size:clamp(1rem,2.5vw,1.3rem);color:var(--gold);font-weight:800;margin-bottom:24px;font-family:'Plus Jakarta Sans',sans-serif;text-align:center;position:relative;z-index:1}.phase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;position:relative;z-index:1}.phase-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:18px 14px;text-align:center;backdrop-filter:blur(8px);transition:all .3s}.phase-card:hover{background:rgba(255,255,255,.18);transform:translateY(-3px)}.phase-num{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:800;color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.phase-card h4{font-size:.82rem;font-weight:700;color:white;margin-bottom:4px;line-height:1.3}.phase-card p{font-size:.72rem;color:rgba(255,255,255,.6);line-height:1.35}.port-bottom{text-align:center;margin-top:24px;position:relative;z-index:1}.port-bottom p{color:rgba(255,255,255,.7);font-size:.9rem;line-height:1.6;max-width:650px;margin:0 auto}.port-bottom strong{color:var(--gold)}.tools-s{background:linear-gradient(160deg,#0a1628,#1b3a6b,#0e2554);color:white;padding:50px 16px}.tools-s .stag{color:var(--gold);background:rgba(255,209,102,.1)}.tools-s .stitle{color:white}.tools-s .sdesc{color:rgba(255,255,255,.5)}.tgr{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.tch{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:8px 12px;display:flex;align-items:center;gap:5px;transition:all .3s}.tch:hover{background:rgba(255,255,255,.12);border-color:var(--teal);transform:translateY(-1px)}.tch .ti{font-size:16px}.tch .tname{font-size:.75rem;font-weight:600;color:rgba(255,255,255,.8)}.tools-count{text-align:center;margin-top:14px;font-size:.82rem;color:rgba(255,255,255,.35)}.det-s{background:linear-gradient(180deg,var(--indigo-light) 0,var(--purple-light) 100%);padding:50px 16px}.det-s .stag{background:rgba(79,70,229,.1);color:var(--indigo)}.dgr{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.dc{background:rgba(255,255,255,.85);backdrop-filter:blur(10px);border-radius:16px;padding:24px 20px;border:1px solid rgba(200,200,240,.4)}.dc h3{font-size:.95rem;font-weight:800;color:var(--navy);margin-bottom:14px;display:flex;align-items:center;gap:8px}.dr{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(200,210,230,.4);align-items:center}.dr:last-child{border:0}.dr .dl{font-size:.83rem;color:var(--text2)}.dr .dv{font-size:.83rem;font-weight:700;color:var(--navy);text-align:right}.fh{background:linear-gradient(135deg,var(--gold-bg),#fff7cc);border:2px solid var(--gold);border-radius:14px;padding:20px;text-align:center;margin-top:14px}.fh .fa{font-family:'Plus Jakarta Sans',sans-serif;font-size:2rem;font-weight:900;color:var(--navy)}.fh .fn{font-size:.8rem;color:var(--text2);margin-top:4px}.sal-s{background:linear-gradient(135deg,#dc2626,#ef4444,#f87171);padding:36px 16px;text-align:center}.sal-inner{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;align-items:center}.sal-inner .sv{font-family:'Plus Jakarta Sans',sans-serif;font-size:2rem;font-weight:900;color:white}.sal-inner .sl{color:rgba(255,255,255,.6);font-size:.82rem;margin-top:2px}.sal-div{width:1px;height:50px;background:rgba(255,255,255,.2)}.tr-s{background:linear-gradient(180deg,var(--orange-light) 0,var(--gold-bg) 100%);padding:50px 16px}.tr-s .stag{background:rgba(245,158,11,.12);color:var(--orange)}.tr-card{background:rgba(255,255,255,.85);backdrop-filter:blur(10px);border-radius:20px;padding:28px;border:1px solid rgba(245,200,100,.3);display:flex;gap:24px;align-items:center;flex-wrap:wrap}.tr-pic{width:130px;height:130px;border-radius:50%;overflow:hidden;flex-shrink:0;border:4px solid var(--orange);box-shadow:0 8px 32px rgba(245,158,11,.2)}.tr-pic img{width:100%;height:100%;object-fit:cover}.tr-info{flex:1;min-width:240px}.tr-info h3{font-size:1.3rem;font-weight:900;color:var(--navy);margin-bottom:2px}.tr-info .ti{color:var(--orange);font-weight:700;font-size:.88rem;margin-bottom:10px}.tr-info p{font-size:.85rem;color:var(--text2);line-height:1.6;margin-bottom:10px}.tr-badges{display:flex;gap:6px;flex-wrap:wrap}.tr-badges span{background:var(--gold-bg);color:var(--navy);padding:4px 12px;border-radius:7px;font-size:.73rem;font-weight:600;border:1px solid rgba(255,209,102,.3)}.rev-s{background:linear-gradient(180deg,var(--rose-light) 0,var(--purple-light) 100%);padding:50px 16px}.rev-s .stag{background:rgba(236,72,153,.1);color:var(--rose)}.rev-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.rc{background:rgba(255,255,255,.85);backdrop-filter:blur(10px);border-radius:14px;padding:20px;border:1px solid rgba(236,180,210,.3);position:relative;transition:all .3s}.rc:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.06)}.rc .stars{color:var(--gold);font-size:13px;margin-bottom:8px;letter-spacing:1px}.rc blockquote{font-size:.83rem;color:var(--text2);line-height:1.6;margin-bottom:12px;font-style:italic}.rc .rr{display:flex;align-items:center;gap:10px}.rp{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid var(--rose);flex-shrink:0}.rdet .rn{font-weight:700;color:var(--navy);font-size:.82rem}.rdet .rco{font-size:.72rem;color:var(--text2);margin-top:1px}.rc .qi{position:absolute;top:12px;right:16px;font-size:36px;color:rgba(236,72,153,.06);font-family:Georgia,serif;line-height:1}.aud-s{background:linear-gradient(180deg,var(--green-light) 0,var(--teal-light) 100%);padding:50px 16px}.aud-s .stag{background:rgba(16,185,129,.1);color:var(--green)}.aud-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px}.ac{background:rgba(255,255,255,.8);backdrop-filter:blur(8px);border-radius:12px;padding:18px 14px;text-align:center;border:1px solid rgba(180,220,200,.4);transition:all .3s}.ac:hover{border-color:var(--green);transform:translateY(-2px)}.ac .ai{font-size:30px;margin-bottom:6px}.ac h4{font-size:.83rem;font-weight:700;color:var(--navy);margin-bottom:3px}.ac p{font-size:.75rem;color:var(--text2);line-height:1.4}.faq-s{background:linear-gradient(180deg,var(--gold-bg) 0,var(--orange-light) 100%);padding:50px 16px}.faq-s .stag{background:rgba(245,158,11,.12);color:var(--orange)}.faq-list{max-width:700px;margin:0 auto}.faq-item{background:rgba(255,255,255,.8);border:1px solid rgba(245,200,100,.3);border-radius:12px;margin-bottom:8px;overflow:hidden;backdrop-filter:blur(8px)}.faq-q{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:700;font-size:.9rem;color:var(--navy);font-family:'Plus Jakarta Sans',sans-serif}.faq-q .faq-icon{font-size:18px;transition:transform .3s;color:var(--orange)}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}.faq-item.open .faq-a{max-height:800px}.faq-a p{padding:0 20px 16px;font-size:.85rem;color:var(--text2);line-height:1.6}.rat-b{background:linear-gradient(135deg,var(--navy),var(--indigo));padding:28px 16px;text-align:center}.rat-inner{max-width:700px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.rat-stars{font-size:26px;color:var(--gold)}.rat-score{font-family:'Plus Jakarta Sans',sans-serif;font-size:2.4rem;font-weight:900;color:white}.rat-text{color:rgba(255,255,255,.5);font-size:.85rem}.rat-text strong{color:white}.rat-plat{display:flex;gap:6px;margin-top:4px}.rat-plat span{background:rgba(255,255,255,.08);padding:3px 10px;border-radius:5px;font-size:.7rem;color:rgba(255,255,255,.65)}.cta-s{background:linear-gradient(160deg,#dc2626,#ec4899,#7c3aed,#0e2554);padding:56px 16px;text-align:center;position:relative;overflow:hidden}.cta-s::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,rgba(255,209,102,.15) 0,transparent 60%)}.cta-s h2{font-size:clamp(1.4rem,3.5vw,2.1rem);font-weight:900;color:white;margin-bottom:8px;position:relative;z-index:1}.cta-s .sub{color:rgba(255,255,255,.6);font-size:.92rem;margin-bottom:24px;position:relative;z-index:1}.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px;position:relative;z-index:1}.cd{max-width:560px;margin:0 auto;position:relative;z-index:1}.cr{display:flex;align-items:center;gap:8px;padding:7px 0;justify-content:center;color:rgba(255,255,255,.7);font-size:.83rem}.cr a{color:var(--teal2);text-decoration:none;font-weight:600}footer{background:var(--dark);padding:16px;text-align:center;font-size:.72rem;color:rgba(255,255,255,.3)}footer a{color:var(--teal2);text-decoration:none}.wa-s{position:fixed;bottom:18px;right:18px;z-index:999;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.wa-s .wl{background:white;color:var(--navy);padding:5px 12px;border-radius:8px;font-size:11px;font-weight:700;box-shadow:0 3px 14px rgba(0,0,0,.1)}.wa-b{width:52px;height:52px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(37,211,102,.3);transition:transform .3s;text-decoration:none}.wa-b:hover{transform:scale(1.1)}.wa-b svg{width:26px;height:26px;fill:white}.anim{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}.anim.visible{opacity:1;transform:translateY(0)}@media(max-width:768px){section{padding:36px 14px}.hero{min-height:auto;padding:36px 14px 32px}.hs{min-width:75px;padding:10px 10px}.hs .n{font-size:1.1rem}.tr-card{flex-direction:column;text-align:center;padding:20px}.tr-pic{margin:0 auto}.tr-badges{justify-content:center}.tgrid{grid-template-columns:1fr}.dgr{grid-template-columns:1fr}.rat-inner{flex-direction:column;gap:8px}.sal-inner{gap:12px}.sal-div{display:none}.phase-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.comp-table th,.comp-table td{padding:10px 10px;font-size:.78rem}}body::after{content:'Digital Market Academy';position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-35deg);font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(3rem,8vw,6rem);font-weight:900;color:rgba(14,37,84,.03);pointer-events:none;z-index:0;white-space:nowrap;letter-spacing:4px}img{-webkit-user-drag:none;user-drag:none}.uc h3,.phase-card h3,.ac h3{font-size:.85rem;font-weight:800;color:var(--navy);margin-bottom:4px;line-height:1.2;font-family:'Plus Jakarta Sans',sans-serif}.phase-card h3{font-size:.82rem;color:white}


/* ── SEO/accessibility: skip-to-content link, hidden until keyboard focus ── */
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:1000;background:var(--navy);color:#fff;padding:12px 20px;border-radius:0 0 8px 0;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:.85rem;text-decoration:none}
.skip-link:focus{left:0;top:0;width:auto;height:auto;overflow:visible}

/* ── Reused from SEO Audit tool: URL input form ─────────────────────── */
.url-form{position:relative;z-index:1;max-width:560px;margin:0 auto 18px;width:100%}
.url-input-row{display:flex;gap:8px;background:rgba(255,255,255,.97);border-radius:14px;padding:6px;box-shadow:0 12px 40px rgba(0,0,0,.25);flex-wrap:wrap}
.url-input{flex:1;min-width:0;border:0;background:transparent;font-family:'DM Sans',sans-serif;font-size:.95rem;color:var(--navy);padding:12px 14px;outline:none}
.url-input::placeholder{color:#64748b}
.url-submit{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:10px;border:0;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:.88rem;background:linear-gradient(135deg,var(--teal),var(--teal2));color:var(--navy);transition:all .2s;white-space:nowrap}
.url-submit:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(18,170,191,.35)}
.url-submit:disabled{opacity:.6;cursor:wait;transform:none}
.url-form-note{font-size:.74rem;color:rgba(255,255,255,.5);margin-top:8px;text-align:center}

/* ── Analyze URL / Paste code tab toggle, sits above the form on the hero's
   dark background ── */
.input-mode-tabs{display:flex;gap:4px;background:rgba(255,255,255,.08);border-radius:10px;padding:4px;max-width:340px;margin:0 auto 12px;position:relative;z-index:1}
.input-mode-tab{flex:1;border:0;background:transparent;color:rgba(255,255,255,.65);font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:.78rem;padding:9px 14px;border-radius:8px;cursor:pointer;transition:all .2s}
.input-mode-tab.active{background:#fff;color:#0e2554}

/* ── Paste-code form: same visual language as the URL input row, a
   textarea instead of a single-line input since a pasted page's HTML or a
   JSON-LD block runs to many lines ── */
.code-form{position:relative;z-index:1;max-width:560px;margin:0 auto 18px;width:100%}
.code-textarea{width:100%;box-sizing:border-box;min-height:130px;border:0;border-radius:14px;padding:14px 16px;font-family:'DM Sans',sans-serif;font-size:.85rem;color:#0e2554;background:rgba(255,255,255,.97);box-shadow:0 12px 40px rgba(0,0,0,.25);outline:none;resize:vertical;margin-bottom:8px}
.code-textarea::placeholder{color:#64748b}
.code-submit{width:100%;justify-content:center}

/* ── Reused from SEO Audit tool: dashboard loading/error/content shell ── */
.rdb-loading{display:none;align-items:center;justify-content:center;gap:14px;padding:64px 24px;color:#5a6472;font-size:.88rem;font-weight:600;font-family:'Plus Jakarta Sans',sans-serif}
.rdb-loading.show{display:flex}
.rdb-spinner{width:26px;height:26px;border:2px solid #e2e8f0;border-top-color:#12aabf;border-radius:50%;animation:rdb-spin .7s linear infinite;flex-shrink:0}
@keyframes rdb-spin{to{transform:rotate(360deg)}}

/* ── Error state ───────────────────────────────────────────────────── */
.rdb-error{display:none;margin:24px auto;max-width:600px;background:#fff1f2;border:1px solid #fecaca;border-radius:12px;padding:16px 20px;color:#dc2626;font-size:.86rem;line-height:1.6}
.rdb-error.show{display:block}

/* ── Dashboard content wrapper ─────────────────────────────────────── */
.rdb-content{display:none;max-width:1100px;margin:0 auto;padding:0 20px 48px}
.rdb-content.show{display:block}

/* ── Dashboard header ──────────────────────────────────────────────── */
.rdb-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0 20px;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}
.rdb-header-info{flex:1;min-width:0}
.rdb-url{font-family:'Plus Jakarta Sans',sans-serif;font-size:.9rem;font-weight:700;color:#0e2554;word-break:break-all;margin-bottom:3px}
.rdb-meta{font-size:.74rem;color:#5a6472}
.rdb-toolbar{display:flex;align-items:center;gap:7px;flex-shrink:0;flex-wrap:wrap}
.rdb-tool-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:8px;border:1px solid #d1d5db;background:#ffffff;color:#374151;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:.76rem;cursor:pointer;transition:all .2s;white-space:nowrap;text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.rdb-tool-btn:hover{background:#f9fafb;border-color:#12aabf;color:#0e9db5}
.rdb-tool-btn--primary{background:#f0fdfe;border-color:#a5f3fc;color:#0e9db5}
.rdb-tool-btn--primary:hover{background:#e0f9fc;border-color:#12aabf}
.rdb-tool-btn svg{width:13px;height:13px;flex-shrink:0}

/* ── Fetch notice ──────────────────────────────────────────────────── */
.rdb-fetch-note{display:none;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:10px 16px;font-size:.79rem;color:#92400e;margin:16px 0 0;line-height:1.55}
.rdb-fetch-note.show{display:block}

/* ── Reused from SEO Audit tool: check list container ────────────────── */
.rdb-check-list{display:flex;flex-direction:column;gap:8px}

/* ── Reused from SEO Audit tool: info card + status pill ────────────── */
.rdb-info-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:14px}
.rdb-info-card h3{font-size:.95rem;font-weight:800;color:#0e2554;margin-bottom:4px;font-family:'Plus Jakarta Sans',sans-serif}
.rdb-info-sub{font-size:.77rem;color:#5a6472;margin-bottom:20px;line-height:1.55}
.rdb-info-rows{display:flex;flex-direction:column}
.rdb-info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #f1f5f9}
.rdb-info-row:last-child{border-bottom:0}
.rdb-info-row-label{font-size:.82rem;color:#374151;font-weight:600}
.rdb-status-pill{font-size:.68rem;font-weight:800;padding:3px 10px;border-radius:50px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}
.rdb-status-pill.yes,.rdb-status-pill.allowed{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}
.rdb-status-pill.no,.rdb-status-pill.disallowed{background:#fff1f2;color:#dc2626;border:1px solid #fecaca}

/* ── Reused from SEO Audit tool: tech stack chip display ────────────── */
.rdb-tech-stack-section{margin-top:28px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:22px 24px}
.ts-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.ts-section-title-wrap{flex:1;min-width:0}
.ts-section-title{font-size:1rem;font-weight:800;color:#0e2554;margin:0 0 4px;font-family:'Plus Jakarta Sans',sans-serif}
.ts-section-sub{font-size:.74rem;color:#5a6472;margin:0;line-height:1.5}
.ts-count-badge{display:inline-flex;align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;color:#059669;padding:4px 12px;border-radius:20px;font-size:.73rem;font-weight:700;white-space:nowrap;font-family:'Plus Jakarta Sans',sans-serif}
.ts-cat-row{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #f1f5f9}
.ts-cat-row:last-child{border-bottom:0}
.ts-cat-label{font-size:.68rem;font-weight:800;color:#5a6472;text-transform:uppercase;letter-spacing:.07em;min-width:148px;padding-top:5px;font-family:'Plus Jakarta Sans',sans-serif;flex-shrink:0}
.ts-chips{display:flex;flex-wrap:wrap;gap:6px}
.ts-chip{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:.76rem;font-weight:700;font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:.01em}
.ts-chip--platform{background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe}
.ts-chip--analytics{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}
.ts-chip--jsfw{background:#f5f3ff;color:#6d28d9;border:1px solid #ddd6fe}
.ts-chip--cdn{background:#f0fdfe;color:#0e6674;border:1px solid #a5f3fc}
.ts-chip--mktg{background:#fffbeb;color:#92400e;border:1px solid #fde68a}
.ts-chip--fonts{background:#fdf2f8;color:#9d174d;border:1px solid #fbcfe8}
.ts-chip--plugins{background:#f0fdf4;color:#065f46;border:1px solid #bbf7d0}
.ts-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 0;text-align:center;color:#5a6472}
.ts-empty p{font-size:.82rem;margin:0}
.ts-empty-sub{font-size:.75rem!important;max-width:380px;line-height:1.6}
@media(max-width:600px){.rdb-tech-stack-section{padding:16px}.ts-cat-row{flex-direction:column;gap:6px}.ts-cat-label{min-width:0}}

/* ── Phase badge ───────────────────────────────────────────────────── */
.rdb-phase-badge{display:inline-flex;align-items:center;gap:6px;background:#f5f3ff;border:1px solid #ddd6fe;color:#7c3aed;padding:5px 12px;border-radius:6px;font-size:.7rem;font-weight:700;margin-bottom:16px;font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:.3px}


/* ── Reused from SEO Audit tool: code/embed output card ─────────────── */
.rdb-embed-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-top:20px}
.rdb-embed-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.rdb-embed-hd span{font-size:.86rem;font-weight:700;color:#374151;font-family:'Plus Jakarta Sans',sans-serif}
.rdb-embed-preview{margin-bottom:12px}
.rdb-embed-code{background:#ffffff;border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px;font-size:.74rem;font-family:monospace;color:#0369a1;word-break:break-all;max-height:100px;overflow-y:auto;margin:12px 0 0;white-space:pre-wrap}


/* ── Reused from SEO Audit tool: blue info box (paste instructions) ─── */
.eeat-info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:16px 20px;margin-top:20px}
.eeat-info-box h4{margin:0 0 8px;font-size:.86rem;font-weight:800;color:#1e40af;font-family:'Plus Jakarta Sans',sans-serif}

/* ── New for this tool: colored left border per bucket ───────────────────
   The SEO Audit tool's check-item uses pass/warning/issue. This tool's
   three buckets are Present, Optional, Missing. Same visual system,
   renamed classes so the markup reads clearly for what this tool actually
   shows, same colors underneath. */
.rdb-check-item.not-tickable{cursor:default}
.rdb-check-item.tickable{cursor:pointer}
.rdb-check-item.ticked{box-shadow:0 0 0 2px rgba(18,170,191,.35)}

/* ── New for this tool: bucket group headers above each check list ──── */
.rdb-bucket-head{display:flex;align-items:center;gap:8px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:.82rem;margin:24px 0 10px;padding-top:20px;border-top:1px solid #f1f5f9}
.rdb-bucket-head:first-child{margin-top:0;padding-top:0;border-top:0}
.rdb-bucket-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.rdb-bucket-head.present-head .rdb-bucket-dot{background:#10b981}
.rdb-bucket-head.optional-head .rdb-bucket-dot{background:#f59e0b}
.rdb-bucket-head.missing-head .rdb-bucket-dot{background:#ef4444}
.rdb-bucket-count{margin-left:auto;font-size:.72rem;color:#5a6472;font-weight:700}

/* ── Headline outcome banner: "N/M rich result types found", leads the
   results before any bucket — the single most scannable thing here for a
   visitor who has never heard of schema.org vocabulary. ── */
.rdb-headline{display:none;align-items:center;gap:16px;flex-wrap:wrap;background:linear-gradient(135deg,#0e2554,#2b5499);border-radius:12px;padding:16px 20px;margin:18px 0}
.rdb-headline-num{font-family:'Plus Jakarta Sans',sans-serif;font-weight:900;font-size:1.8rem;color:#4dc8d8;line-height:1;flex-shrink:0}
.rdb-headline-den{font-size:1rem;color:rgba(255,255,255,.55);font-weight:700}
.rdb-headline-text{font-size:.83rem;color:#fff;line-height:1.5;flex:1;min-width:200px}

/* ── Broken JSON-LD notice — a syntax error is a real problem, distinct
   from "this type isn't relevant here," and previously gave no signal at all ── */
.rdb-decode-error{background:#fff1f2;border:1px solid #fecaca;border-radius:12px;padding:14px 18px;margin:18px 0;color:#9f1239}
.rdb-decode-error p{margin:0 0 6px;font-size:.82rem;line-height:1.55}
.rdb-decode-error p:last-child{margin-bottom:0}
.rdb-decode-error-detail{font-size:.76rem!important;color:#7f1d3a}
.rdb-decode-error-detail code{font-family:monospace;background:rgba(159,18,57,.08);padding:1px 6px;border-radius:4px;word-break:break-all}

/* ── New for this tool: generate-selected action row ─────────────────── */
.rdb-generate-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0;flex-wrap:wrap}
.rdb-generate-bar p{font-size:.78rem;color:#5a6472;margin:0}

/* ── New for this tool: dynamic per-type form (same input treatment as
   the SEO Audit tool's compare-url-input / email-report-input fields) ── */
.rdb-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 22px;margin-bottom:16px}
.rdb-form-card-hd{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.rdb-form-card-hd h3{font-size:.95rem;font-weight:800;color:#0e2554;margin:0;font-family:'Plus Jakarta Sans',sans-serif}
.rdb-variant-pill{font-family:'Plus Jakarta Sans',sans-serif;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#0e9db5;background:#f0fdfe;border:1px solid #a5f3fc;padding:2px 8px;border-radius:5px}
.rdb-form-why{font-size:.78rem;color:#5a6472;margin:4px 0 16px;line-height:1.5}
.rdb-field-row{margin:16px 0}
.rdb-field-label{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;color:#374151;margin-bottom:4px;font-family:'Plus Jakarta Sans',sans-serif}
.rdb-field-hint{margin:0 0 8px;font-size:.76rem;color:#5a6472;line-height:1.5}
.rdb-field-tag{font-family:'Plus Jakarta Sans',sans-serif;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.3px;padding:2px 7px;border-radius:5px}
.rdb-field-tag.detected{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}
.rdb-field-tag.required{background:#fef2f2;color:#c2280f;border:1px solid #fecaca}
.rdb-field-tag.suggested{background:#fffbeb;color:#d97706;border:1px solid #fde68a}
.rdb-field-input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:.85rem;font-family:'DM Sans',sans-serif;color:#1e293b;outline:none}
.rdb-field-input:focus{border-color:#12aabf;box-shadow:0 0 0 2px rgba(18,170,191,.15)}

/* ── New for this tool: generated snippet display and paste steps ────── */
.rdb-snippet-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:16px}
.rdb-snippet-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.rdb-snippet-hd span{font-size:.86rem;font-weight:700;color:#374151;font-family:'Plus Jakarta Sans',sans-serif}
.rdb-snippet-code{background:#0e2554;color:#d7dde3;border-radius:8px;padding:16px 18px;font-size:.78rem;font-family:monospace;white-space:pre;overflow-x:auto;max-height:340px;overflow-y:auto;margin:0}
.rdb-snippet-incomplete{background:#fff1f2;border:1px solid #fecaca;border-radius:8px;padding:14px 16px;color:#be123c;font-size:.82rem;line-height:1.6}
.rdb-snippet-incomplete code{font-family:monospace;background:rgba(190,18,60,.08);padding:1px 6px;border-radius:4px}
.eeat-info-box h4{margin:0 0 8px;font-size:.86rem;font-weight:800;color:#1e40af;font-family:'Plus Jakarta Sans',sans-serif}
.eeat-info-box p{margin:0;font-size:.8rem;color:#334155;line-height:1.7}

/* ── Reused from SEO Audit tool: results section shell + form error msg ── */
.results-section{display:none;background:#f1f5f9;border-top:3px solid #e2e8f0}
.results-section.open{display:block}
.url-error-msg{display:none;background:rgba(255,107,107,.15);border:1px solid rgba(255,107,107,.4);color:#fff;border-radius:10px;padding:10px 14px;font-size:.82rem;margin-top:10px;text-align:left}
.url-error-msg.show{display:block}

/* ── Reused from SEO Audit tool: sticky WA/call/directions widget position
   override, and print styles, copied verbatim so this tool matches the
   live site's current behavior exactly rather than an earlier version of it */
.scroll-top{bottom:80px!important;left:20px!important;right:auto!important}
.wa-s{position:fixed!important;bottom:80px!important;right:18px!important;z-index:999!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:8px!important}
.wa-b{width:52px!important;height:52px!important;border-radius:50%!important;background:#25d366!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 18px rgba(37,211,102,.3)!important;transition:transform .3s!important;text-decoration:none!important}
.wa-b:hover{transform:scale(1.1)!important}
.wa-b svg{width:26px!important;height:26px!important;fill:white!important}
.wa-dir{background:#4285F4!important;box-shadow:0 4px 18px rgba(66,133,244,.3)!important}
.wa-call{background:#0ea5e9!important;box-shadow:0 4px 18px rgba(14,165,233,.3)!important;display:none!important}
@media(max-width:767px){.wa-call{display:flex!important}}
.wa-s .wl{display:none!important}
.wa-float{display:none!important}

@media print{
  .site-nav,.mobile-menu,.scroll-top,.wa-s,.url-form,#startOverBtn,
  .faq-s,.cta-s,footer,#dma-cookie-banner,#aradhana-chatbot-container,.hero{display:none!important}
  .results-section{background:#fff!important;border:0!important}
  .rdb-content{padding:0!important}
  .rdb-card{border:0!important;box-shadow:none!important;padding:0 0 12px!important}
  .rdb-acc-panel{grid-template-rows:1fr!important}
  .rdb-check-detail{grid-template-rows:1fr!important}
  .rdb-check-item{break-inside:avoid}
}

/* --- Info tooltips (explain confidence tiers, bucket meanings, etc.) --- */
.info-tip{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:rgba(14,37,84,.1);color:#0e2554;font-size:10px;font-weight:800;font-family:'Plus Jakarta Sans',sans-serif;cursor:pointer;border:0;padding:0;margin-left:5px;vertical-align:middle;position:relative;flex-shrink:0}
.info-tip:hover{background:rgba(18,170,191,.25)}
.info-tip-popup{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:240px;background:#0e2554;color:#fff;font-size:.74rem;font-weight:500;line-height:1.5;padding:10px 12px;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:50;text-align:left;white-space:normal}
.info-tip-popup::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#0e2554}
.info-tip:hover .info-tip-popup,.info-tip.tip-open .info-tip-popup{display:block}
@media(max-width:480px){.info-tip-popup{left:auto;right:-8px;transform:none;width:210px}.info-tip-popup::after{left:auto;right:14px}}

/* --- Collapsible step summary/body pattern (keeps the results block from
   growing endlessly as visitors tick, generate, and move through steps) --- */
.rdb-step-summary{display:none;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#f0f4ff;border:1px solid #dbe4f5;border-radius:12px;padding:14px 18px;margin-top:20px}
.rdb-step-summary-text{font-size:.83rem;color:#334155;line-height:1.5}
.rdb-step-summary-text strong{color:#0e2554}
.rdb-step-edit-btn{flex-shrink:0;background:#fff;border:1px solid #c8ddef;color:#0e2554;font-size:.78rem;font-weight:700;padding:7px 14px;border-radius:8px;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;transition:all .2s}
.rdb-step-edit-btn:hover{background:#e0f7fa;border-color:#12aabf}

/* ── Compact results card redesign (accordion-based, replaces the earlier
   sprawling header/info-card/flat-list layout). Same rdb- naming
   convention and color system as the rest of this file, only the layout
   is new. ── */
.rdb-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px 24px;box-shadow:0 1px 3px rgba(14,37,84,.06)}
.rdb-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.rdb-card-top-left{min-width:0}
.rdb-pills{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px}
.rdb-pill{display:inline-flex;align-items:center;gap:6px;font-family:'Plus Jakarta Sans',sans-serif;font-size:.76rem;font-weight:700;color:#0e2554;background:#f0f4ff;border:1px solid #dbe4f5;padding:5px 10px 5px 12px;border-radius:999px}
.rdb-pill-tier{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.3px;padding:2px 7px;border-radius:999px;background:#e2e8f0;color:#5a6472}
.rdb-pill-tier.high{background:#ecfdf5;color:#059669}
.rdb-pill-tier.medium{background:#fffbeb;color:#d97706}
.rdb-pill-tier.low{background:#fef2f2;color:#dc2626}
.rdb-tech-line{font-size:.76rem;color:#5a6472;margin-top:10px}

/* summary strip: compact counts, always visible even when accordion is collapsed */
.rdb-summary-strip{display:flex;flex-wrap:wrap;gap:18px;margin:18px 0 4px;padding-top:16px;border-top:1px solid #f1f5f9}
.rdb-summary-count{display:inline-flex;align-items:center;gap:7px;font-family:'Plus Jakarta Sans',sans-serif;font-size:.82rem;font-weight:700;color:#334155}
.rdb-bucket-dot.present{background:#10b981}
.rdb-bucket-dot.missing{background:#ef4444}
.rdb-bucket-dot.optional{background:#f59e0b}
.rdb-bucket-dot.nonfunctional{background:#64748b}

/* accordion sections */
.rdb-accordion{margin-top:6px}
.rdb-acc-section{border-top:1px solid #f1f5f9}
.rdb-acc-section:first-child{border-top:0}
.rdb-acc-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:none;border:0;padding:14px 4px;cursor:pointer;text-align:left;font-family:'Plus Jakarta Sans',sans-serif}
.rdb-acc-head:hover{background:#f8fafc}
.rdb-acc-head-left{display:flex;align-items:center;gap:9px;font-size:.86rem;font-weight:800;color:#0e2554}
.rdb-acc-count{font-size:.7rem;font-weight:700;color:#5a6472;background:#eef1f5;padding:2px 8px;border-radius:999px}
.rdb-acc-chevron{color:#6b7686;transition:transform .2s ease,color .15s ease;flex-shrink:0}
.rdb-acc-head:hover .rdb-acc-chevron{color:#0e2554}
.rdb-acc-head[aria-expanded="true"] .rdb-acc-chevron{transform:rotate(180deg);color:#0e2554}

/* CSS-grid accordion trick: animates smoothly to any content height with
   no JS height measurement, and never breaks if content changes later */
.rdb-acc-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}
.rdb-acc-panel.open{grid-template-rows:1fr}
.rdb-acc-panel>div{overflow:hidden}

/* compact, expandable check items inside each accordion panel */
.rdb-check-list{padding-bottom:6px}
.rdb-check-row{display:flex;align-items:flex-start;gap:10px;padding:11px 4px 11px 14px;cursor:pointer;user-select:none;border-radius:8px}
.rdb-check-item.not-tickable .rdb-check-row{cursor:default}
.rdb-check-row:hover{background:#f8fafc}

/* The box itself: a full, clearly visible border on every side (not just
   a left accent that faded into the white page background), a status
   color on the left edge, and a faint tinted background per status so
   each item unmistakably reads as one complete, self-contained box. */
.rdb-check-item{border:1px solid #d7dee6;border-left:4px solid #cbd5e1;border-radius:10px;margin:0 0 8px;background:#fff}
.rdb-check-item.present{border-left-color:#0e9d68;background:#f6fdfa}
.rdb-check-item.missing{border-left-color:#dc3d3d;background:#fef8f7}
.rdb-check-item.optional{border-left-color:#d1830a;background:#fffbf2}
.rdb-check-item.nonfunctional{border-left-color:#94a3b8;background:#f8fafc}

/* Status icon: a solid colored circle holding the schema type's own icon
   (not a plain checkmark) — present items get the type icon on green,
   "detected, limited use" items get it on neutral gray, so the same shape
   still reads as "found on the page" while the color carries the status. */
.rdb-check-icon{width:22px;height:22px;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;margin-top:1px}
.rdb-check-icon.present{background:#0e9d68}
.rdb-check-icon.nonfunctional{background:#64748b}

.rdb-check-body{flex:1;min-width:0}
.rdb-check-label-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.rdb-check-type-icon{display:inline-flex;color:#5a6472;flex-shrink:0}
.rdb-check-label{font-size:.85rem;font-weight:700;color:#182230}
.rdb-check-type-name{font-size:.68rem;font-weight:600;color:#5a6472}
/* Plain-language outcome line — always visible, not hidden behind the
   expand chevron, so a visitor never has to click to learn what a type
   actually does for them. */
.rdb-check-why{margin:3px 0 0;font-size:.79rem;color:#5a6472;line-height:1.55}
.rdb-check-warning{margin:6px 0 0;font-size:.78rem;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:8px 10px;line-height:1.5}
.rdb-check-warning strong{font-weight:800}

.rdb-quick-gen-btn{flex-shrink:0;align-self:flex-start;margin-top:1px;background:#0e2554;color:#fff;border:0;border-radius:7px;padding:6px 12px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:.72rem;cursor:pointer;transition:background .2s}
.rdb-quick-gen-btn:hover{background:#12aabf;color:#0e2554}

.rdb-check-chevron{color:#6b7686;transition:transform .2s ease,color .15s ease;flex-shrink:0;margin-top:3px}
.rdb-check-row:hover .rdb-check-chevron{color:#0e2554}
.rdb-check-item.open .rdb-check-chevron{transform:rotate(180deg);color:#0e2554}
.rdb-check-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease}
.rdb-check-item.open .rdb-check-detail{grid-template-rows:1fr}
.rdb-check-detail>div{overflow:hidden}
.rdb-check-detail-inner{padding:0 4px 14px 46px}
.rdb-check-detail-inner p{margin:0;font-size:.79rem;color:#475569;line-height:1.6}
.rdb-check-detail-inner .rdb-check-missing-fields{margin-top:6px;font-family:monospace;font-size:.73rem;color:#c2280f;font-weight:600}
.rdb-check-item input[type="checkbox"]{width:17px;height:17px;accent-color:#12aabf;flex-shrink:0;cursor:pointer;margin-top:2px}