/* ============================================================
   Audit AI by One-IT — Complete Stylesheet
   Brand: #0057A8 primary · #FF6600 CTA · #002761 dark
   ============================================================ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Inter','Roboto',sans-serif;color:#1F2937;background:#F8F9FB;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.container{max-width:1024px;margin:0 auto;padding:0.7rem 1rem}
@media (min-width:640px){.container{padding:0.7rem 1.25rem}}

.aw{background:#fff;border-radius:16px;padding:2rem 1.75rem;box-shadow:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.02)}
@media (max-width:640px){.aw{padding:1.5rem 1.25rem;border-radius:12px}}

/* Topbar */
.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #E8EAED;flex-wrap:wrap;gap:10px}
.brand{display:flex;align-items:center;gap:10px}
.brand-img{width:44px;height:44px;border-radius:8px;object-fit:cover;object-position:center;flex-shrink:0}
.brand-name{font-size:14px;font-weight:600;color:#0057A8;line-height:1.2}
.brand-sub{font-size:11px;color:#6B7280;line-height:1.2;margin-top:2px}
.lang-row{display:flex;gap:6px}
.lb{padding:5px 12px;border:1px solid #E5E7EB;border-radius:6px;font-size:12px;cursor:pointer;background:transparent;color:#6B7280;font-family:inherit;font-weight:500;transition:all .15s}
.lb:hover{border-color:#0057A8;color:#0057A8}
.lb.on{background:#0057A8;color:#fff;border-color:#0057A8}

/* Hero landing page */
.hero{padding:1.5rem 0 1rem;display:grid;grid-template-columns:1.1fr 1fr;gap:1.5rem;align-items:center}
@media (max-width:640px){.hero{grid-template-columns:1fr;padding:1rem 0}}
.hero-left{display:flex;flex-direction:column;gap:14px}
.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#FFF2EA;color:#CC5200;border-radius:99px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;width:fit-content}
.hero-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:#FF6600;flex-shrink:0}
.hero-h1{font-size:30px;font-weight:600;line-height:1.18;letter-spacing:-.02em;color:#111827}
@media (max-width:640px){.hero-h1{font-size:25px}}
.hero-h1 span{color:#0057A8}
.hero-p{font-size:15px;color:#4B5563;line-height:1.65}
.hero-meta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2px}
.hero-meta span{font-size:13px;color:#374151;display:inline-flex;align-items:center;gap:5px;font-weight:500}
.hero-meta .chk{color:#3B6D11;font-weight:700;font-size:13px}
.hero-cta-row{display:flex;gap:12px;align-items:center;margin-top:4px;flex-wrap:wrap}
.cta-main{padding:14px 28px;background:#FF6600;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}
.cta-main:hover{background:#E05A00}
.cta-sub{font-size:12px;color:#9CA3AF}
.hero-right{display:flex;align-items:center;justify-content:center}
.hero-radar{width:100%;max-width:290px}

/* Stats strip */
.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:1.25rem;background:#EBF3FA;border-radius:12px;margin:1.5rem 0}
@media (max-width:640px){.stats-strip{grid-template-columns:repeat(2,1fr);gap:10px;padding:1rem}}
.stat-item{text-align:center}
.stat-n{font-size:24px;font-weight:600;color:#0057A8;line-height:1;letter-spacing:-.01em}
.stat-l{font-size:11px;color:#6B7280;margin-top:4px;line-height:1.3;font-weight:500}

/* Section titles */
.section{margin:1.75rem 0 1.25rem}
.section-title{font-size:12px;font-weight:600;color:#0057A8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.section-title::before,.section-title::after{content:"";flex:1;height:1px;background:#E5E7EB}

/* Feature cards */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (max-width:640px){.feat-grid{grid-template-columns:1fr}}
.feat-card{padding:1.25rem;border:1px solid #E8EAED;border-radius:12px;background:#fff;display:flex;flex-direction:column;gap:8px}
.feat-ic{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.feat-ic svg{width:22px;height:22px}
.feat-ic-1{background:#E8F1F9;color:#0057A8}
.feat-ic-2{background:#FFF2EA;color:#CC5200}
.feat-ic-3{background:#EAF3DE;color:#3B6D11}
.feat-t{font-size:14px;font-weight:600;color:#111827;line-height:1.3}
.feat-d{font-size:13px;color:#6B7280;line-height:1.55}

/* Steps */
.steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative}
@media (max-width:640px){.steps-row{grid-template-columns:1fr;gap:12px}}
.step{padding:1rem;position:relative}
.step-n{width:32px;height:32px;border-radius:50%;background:#0057A8;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;margin-bottom:10px}
.step-t{font-size:14px;font-weight:600;color:#111827;margin-bottom:4px;line-height:1.3}
.step-d{font-size:12px;color:#6B7280;line-height:1.5}
.step-arrow{position:absolute;top:24px;right:-8px;color:#CBD5E1;font-size:18px;font-weight:300}
@media (max-width:640px){.step-arrow{display:none}}

/* Bottom CTA */
.bottom-cta{padding:1.75rem;background:#002761;border-radius:12px;margin:1.5rem 0 1rem;text-align:center}
.bottom-cta-h{font-size:18px;font-weight:600;margin-bottom:8px;color:#fff;line-height:1.3}
.bottom-cta-p{font-size:13px;color:#B5D4F4;margin-bottom:16px;line-height:1.6}
.bottom-cta-btn{padding:13px 26px;background:#FF6600;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}
.bottom-cta-btn:hover{background:#E05A00}

/* Trust mini */
.trust-mini{display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap;padding:1rem 0;font-size:11px;color:#9CA3AF;border-top:1px solid #E8EAED}
.trust-dot{color:#CBD5E1}

/* Button primary (inside audit) */
.btn-primary{display:inline-block;padding:14px 32px;background:#FF6600;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;text-decoration:none;text-align:center;transition:background .15s}
.btn-primary:hover{background:#E05A00}
.btn-primary:disabled{background:#D1D5DB;color:#9CA3AF;cursor:not-allowed}

/* Progress bar */
.prog-wrap{margin-bottom:1.5rem}
.prog-meta{font-size:12px;color:#6B7280;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.prog-motivator{color:#3B6D11;font-weight:600}
.prog-track{height:6px;background:#E5E7EB;border-radius:3px;overflow:hidden}
.prog-fill{height:100%;background:#0057A8;border-radius:3px;transition:width .4s}

/* Question section header */
.sec-hdr{display:flex;align-items:center;gap:10px;margin-bottom:1rem}
.sec-ico{width:34px;height:34px;border-radius:8px;background:#E8F1F9;display:flex;align-items:center;justify-content:center;font-size:15px}
.sec-lbl{font-size:11px;font-weight:600;color:#0057A8;text-transform:uppercase;letter-spacing:.06em}

/* Questions */
.q-text{font-size:17px;font-weight:600;color:#111827;margin-bottom:1rem;line-height:1.4}
.opts{display:flex;flex-direction:column;gap:8px}
.opt{padding:14px 16px;border:1px solid #E5E7EB;border-radius:8px;text-align:left;cursor:pointer;background:#fff;color:#374151;font-size:14px;line-height:1.5;transition:all .15s;font-family:inherit;display:flex;align-items:center;gap:12px}
.opt:hover{border-color:#0057A8;background:#EBF3FA}
.opt.sel{border-color:#0057A8;background:#E8F1F9;font-weight:500;color:#0057A8}
.opt-check{width:20px;height:20px;border:1.5px solid #D1D5DB;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fff;transition:all .15s;font-size:12px;color:transparent}
.opt.sel .opt-check{background:#0057A8;border-color:#0057A8;color:#fff}
.opt-radio{border-radius:50%;font-size:10px}
.opt-txt{flex:1}
.multi-hint{font-size:12px;color:#6B7280;margin-bottom:10px;display:flex;align-items:center;gap:6px;font-weight:500}

/* Group card (text inputs) */
.g-card{border:1px solid #E8EAED;border-radius:10px;padding:1.25rem;background:#FAFBFC;margin-bottom:.75rem}
.g-lbl{font-size:13px;font-weight:600;color:#111827;margin-bottom:6px;margin-top:14px}
.g-lbl:first-child{margin-top:0}
.g-hint{font-size:12px;color:#6B7280;margin-bottom:8px;line-height:1.5}
.g-examples{font-size:12px;color:#4B5563;margin-bottom:12px;line-height:1.6;padding:10px 12px;background:#E8F1F9;border-radius:6px;border-left:3px solid #0057A8}
.g-examples strong{color:#0057A8;font-weight:600}

textarea{width:100%;min-height:72px;padding:10px 14px;font-size:14px;border:1px solid #E5E7EB;border-radius:6px;background:#fff;color:#111827;font-family:inherit;resize:vertical;line-height:1.5}
textarea:focus{outline:none;border-color:#0057A8;box-shadow:0 0 0 3px rgba(0,87,168,.15)}
select,input[type=text],input[type=email],input[type=tel]{width:100%;padding:10px 14px;font-size:14px;border:1px solid #E5E7EB;border-radius:6px;background:#fff;color:#111827;font-family:inherit}
select:focus,input:focus{outline:none;border-color:#0057A8;box-shadow:0 0 0 3px rgba(0,87,168,.15)}

.btn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:6px}
.btn-grid .opt{text-align:center;padding:10px 4px;justify-content:center;font-weight:500;font-size:13px}
.btn-grid .opt-check{display:none}
.btn-grid .opt.sel{background:#0057A8;color:#fff;border-color:#0057A8;font-weight:600}

/* Navigation */
.nav{display:flex;gap:12px;margin-top:1.75rem;align-items:center;flex-wrap:wrap}
.btn-n{padding:11px 26px;background:#FF6600;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}
.btn-n:hover:not(:disabled){background:#E05A00}
.btn-n:disabled{background:#D1D5DB;color:#9CA3AF;cursor:not-allowed}
.btn-b{padding:11px 20px;background:transparent;color:#6B7280;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;cursor:pointer;font-family:inherit}
.btn-b:hover{border-color:#9CA3AF;color:#374151}
.step-c{font-size:12px;color:#9CA3AF;margin-left:auto}

/* Email view */
.email-box{padding:2rem 1.75rem;border:1px solid #E8EAED;border-radius:12px;background:#fff;margin:1rem 0}
@media (max-width:640px){.email-box{padding:1.5rem 1.25rem}}
.email-title{font-size:22px;font-weight:600;color:#111827;margin-bottom:8px;line-height:1.3}
.email-sub{font-size:14px;color:#6B7280;margin-bottom:1.5rem;line-height:1.65}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
@media (max-width:640px){.f-row{grid-template-columns:1fr}}
.f-full{margin-bottom:12px}
.f-l{font-size:12px;color:#6B7280;margin-bottom:5px;display:block;font-weight:500}
.skip{display:block;margin:12px auto 0;font-size:12px;color:#9CA3AF;background:none;border:none;cursor:pointer;text-decoration:underline;font-family:inherit}

/* Loading */
.loading{text-align:center;padding:3rem 0}
.spinner{width:40px;height:40px;border:3px solid #E5E7EB;border-top-color:#0057A8;border-radius:50%;margin:0 auto 1.25rem;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.loading-t{font-size:15px;color:#111827;font-weight:600}
.loading-s{font-size:13px;color:#6B7280;margin-top:6px}

/* Results */
.r-h{font-size:16px;color:#374151;margin-bottom:2px;font-weight:600}
.r-score-sub{font-size:11px;color:#9CA3AF;margin-bottom:10px;font-style:italic}
.r-score-wrap{padding:2rem 1.75rem;border:1px solid #E8EAED;border-radius:12px;background:linear-gradient(180deg,#fff 0%,#EBF3FA 100%);margin-bottom:1rem;text-align:center}
.r-score-n{font-size:56px;font-weight:600;color:#0057A8;line-height:1;letter-spacing:-.02em}
.r-score-l{font-size:13px;color:#6B7280;margin-top:4px}
.r-mat{display:inline-block;margin-top:12px;padding:6px 14px;border-radius:99px;font-size:13px;font-weight:600}
.m-high{background:#FFF2EA;color:#CC5200}
.m-med{background:#FFF7E6;color:#BA7517}
.m-low{background:#EAF3DE;color:#27500A}
.r-desc{font-size:13px;color:#6B7280;line-height:1.65;margin-top:12px;max-width:480px;margin-left:auto;margin-right:auto}

.r-topx{padding:1rem 1.25rem;background:#FFF2EA;border:1px solid #FF6600;border-radius:10px;margin-bottom:1.25rem;display:flex;gap:12px;align-items:center}
.topx-badge{padding:4px 10px;background:#FF6600;color:#fff;border-radius:99px;font-size:11px;font-weight:600;flex-shrink:0}
.topx-txt{font-size:13px;color:#99400A;line-height:1.5}
.topx-txt strong{font-weight:600;color:#99400A}

.res-section{margin-bottom:1.75rem}
.res-h{font-size:15px;font-weight:600;color:#111827;margin-bottom:12px;display:flex;align-items:center;gap:10px}
.res-h-ic{width:24px;height:24px;border-radius:6px;background:#0057A8;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}

.radar-card{border:1px solid #E8EAED;border-radius:10px;padding:1.25rem;background:#fff}
.radar-svg{width:100%;max-width:420px;margin:0 auto;display:block}
.radar-legend{display:flex;gap:16px;justify-content:center;margin-top:8px;font-size:11px;color:#6B7280;flex-wrap:wrap}
.legdot{width:8px;height:8px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:4px}
.radar-note{text-align:center;font-size:12px;color:#6B7280;font-style:italic;margin-top:12px;padding:8px 12px;background:#F5F8FC;border-radius:6px;line-height:1.5}

.bars-grid{display:flex;flex-direction:column;gap:8px}
.bar-row{padding:.85rem 1rem;border:1px solid #E8EAED;border-radius:8px;background:#fff}
.bar-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:10px}
.bar-name{font-size:13px;color:#111827;font-weight:600}
.bar-pct{font-size:13px;font-weight:600}
.bar-track-wrap{position:relative;height:6px;background:#E5E7EB;border-radius:3px}
.bar-fill{height:100%;border-radius:3px;transition:width .6s}
.bar-avg{position:absolute;top:-3px;width:2px;height:12px;background:#6B7280;border-radius:1px}
.bar-cmp{font-size:11px;color:#9CA3AF;margin-top:6px}
.bar-cmp.pos{color:#3B6D11}
.bar-cmp.neg{color:#A32D2D}

/* AI diagnostic */
.ai-diag{padding:1.25rem;border:1px solid #0057A8;border-radius:10px;background:#EBF3FA;margin-bottom:1rem;margin-top:18px;position:relative}
.ai-diag-tag{position:absolute;top:-10px;left:16px;background:#0057A8;color:#fff;padding:4px 10px;border-radius:99px;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.ai-diag-t{font-size:14px;font-weight:600;color:#0057A8;margin-bottom:8px;margin-top:4px}
.ai-diag-txt{font-size:14px;color:#111827;line-height:1.7}

/* Quick Wins */
.qw-list{display:flex;flex-direction:column;gap:10px}
.qw-card{display:flex;border:1px solid #E8EAED;border-radius:10px;overflow:hidden;background:#fff}
.qw-num{flex-shrink:0;width:54px;background:#0057A8;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600}
.qw-body{flex:1;padding:1rem 1.25rem;min-width:0}
.qw-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:8px;flex-wrap:wrap}
.qw-cat{font-size:10px;font-weight:600;color:#0057A8;text-transform:uppercase;letter-spacing:.05em;background:#E8F1F9;padding:3px 8px;border-radius:99px}
.qw-tag{font-size:10px;font-weight:600;color:#3B6D11;background:#EAF3DE;padding:3px 8px;border-radius:99px;text-transform:uppercase;letter-spacing:.05em}
.qw-t{font-size:14px;font-weight:600;color:#111827;margin-bottom:5px;line-height:1.4}
.qw-d{font-size:13px;color:#6B7280;line-height:1.6;margin-bottom:10px}
.qw-action{padding:10px 12px;background:#FFF2EA;border-radius:6px;font-size:13px;color:#99400A;line-height:1.6}
.qw-action strong{font-weight:600}

.divider-txt{text-align:center;margin:2rem 0 1.25rem;font-size:11px;color:#9CA3AF;text-transform:uppercase;letter-spacing:.12em;position:relative;font-weight:500}
.divider-txt::before,.divider-txt::after{content:'';position:absolute;top:50%;width:32%;height:1px;background:#E5E7EB}
.divider-txt::before{left:0}
.divider-txt::after{right:0}

/* Product cards */
.prod-card{border:1px solid #E8EAED;border-radius:10px;padding:1.25rem;background:#fff;margin-bottom:10px;position:relative}
.prod-card.main{border:2px solid #0057A8}
.prod-tag{position:absolute;top:-10px;left:16px;background:#0057A8;color:#fff;padding:4px 10px;border-radius:99px;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.prod-tag.sec{background:#F3F4F6;color:#6B7280;border:1px solid #E5E7EB}
.prod-hdr{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;margin-top:4px;flex-wrap:wrap}
.prod-n{font-size:17px;font-weight:600;color:#111827;line-height:1.3}
.prod-price-t{font-size:11px;color:#9CA3AF;text-align:right}
.prod-price-v{font-size:14px;font-weight:600;color:#0057A8;text-align:right}
.prod-d{font-size:13px;color:#6B7280;line-height:1.6;margin-bottom:12px}
.prod-savings{display:flex;gap:8px;align-items:center;padding:10px 12px;background:#EAF3DE;border-radius:6px;margin-bottom:12px;font-size:13px;color:#173404}
.prod-savings strong{color:#173404;font-weight:600}
.prod-badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.pb{font-size:11px;padding:4px 10px;border-radius:99px;font-weight:500}
.pb-elig{background:#EAF3DE;color:#3B6D11}
.pb-ind{background:#E8F1F9;color:#0057A8}
.prod-btns{display:flex;gap:8px;flex-wrap:wrap}
.prod-cta{padding:10px 20px;background:#FF6600;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;font-family:inherit;transition:background .15s}
.prod-cta:hover{background:#E05A00}
.prod-cta.sec-btn{background:transparent;color:#0057A8;border:1px solid #0057A8}
.prod-cta.sec-btn:hover{background:#E8F1F9}

/* Final CTA */
.final-cta{margin-top:2rem;padding:2rem 1.75rem;border-radius:12px;background:#002761;color:#fff}
@media (max-width:640px){.final-cta{padding:1.5rem 1.25rem}}
.final-cta-h{font-size:22px;font-weight:600;line-height:1.3;margin-bottom:12px;color:#fff}
.final-cta-p{font-size:14px;color:#B5D4F4;line-height:1.7;margin-bottom:1.25rem}
.final-cta-list{display:flex;flex-direction:column;gap:8px;margin-bottom:1.5rem}
.fcl{display:flex;align-items:center;gap:8px;font-size:13px;color:#E8F1F9}
.fcl-c{width:18px;height:18px;border-radius:50%;background:#3B6D11;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;flex-shrink:0;font-weight:600}
.final-ctas{display:flex;gap:10px;flex-wrap:wrap}
.final-ctas .prod-cta{background:#FF6600;color:#fff;padding:12px 22px;font-size:14px;font-weight:600}
.final-ctas .prod-cta:hover{background:#E05A00}
.final-ctas .prod-cta.wa{background:transparent;color:#fff;border:1px solid #85B7EB}
.final-ctas .prod-cta.wa:hover{background:rgba(133,183,235,.1)}

/* Share row */
.share-row{display:flex;gap:8px;margin-top:1.5rem;flex-wrap:wrap;justify-content:center}
.share-btn{padding:10px 16px;background:transparent;color:#6B7280;border:1px solid #E5E7EB;border-radius:8px;font-size:12px;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:6px;font-weight:500}
.share-btn:hover{border-color:#0057A8;color:#0057A8}
.restart{display:block;margin:1.25rem auto 0;font-size:12px;color:#9CA3AF;background:none;border:none;cursor:pointer;text-decoration:underline;font-family:inherit}
.trust{text-align:center;font-size:11px;color:#9CA3AF;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #E5E7EB;line-height:1.6}

/* Site footer */
.site-footer{background:#002761;color:#B5C8E8;padding:2rem 1.25rem 1.5rem;margin-top:2rem}
.footer-inner{max-width:1024px;margin:0 auto}
.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:1.25rem}
.footer-logo img{height:44px;width:auto;max-width:150px;border-radius:0;object-fit:contain;flex-shrink:0}
.footer-logo-txt{font-size:14px;color:#E8F1F9;font-weight:600;line-height:1.3}
.footer-logo-sub{font-size:11px;color:#85A8D0;margin-top:3px;line-height:1.4}
.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}
.footer-links a{font-size:12px;color:#85A8D0;text-decoration:none;transition:color .15s}
.footer-links a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer-copy{font-size:11px;color:#5A7AA8;line-height:1.6}
.footer-cert{display:flex;gap:8px;flex-wrap:wrap}
.footer-cert span{font-size:10px;color:#85A8D0;padding:3px 8px;border:1px solid rgba(255,255,255,.15);border-radius:4px}

/* Policy pages */
.policy-wrap{max-width:1024px;margin:0 auto;padding:2rem 1rem}
.policy-card{background:#fff;border-radius:16px;padding:2rem 1.75rem;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.policy-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#0057A8;text-decoration:none;margin-bottom:1.5rem;font-weight:500}
.policy-back:hover{text-decoration:underline}
.policy-card h1{font-size:22px;font-weight:600;color:#111827;margin-bottom:.5rem}
.policy-card h2{font-size:16px;font-weight:600;color:#111827;margin:1.5rem 0 .5rem}
.policy-card p{font-size:14px;color:#374151;line-height:1.7;margin-bottom:.75rem}
.policy-card ul{font-size:14px;color:#374151;line-height:1.7;margin:0 0 .75rem 1.25rem}
.policy-card li{margin-bottom:.25rem}
.policy-card a{color:#0057A8}
.policy-updated{font-size:12px;color:#9CA3AF;margin-bottom:1.5rem}

/* ============================================================
   PRINT / PDF STYLES — A4 Portrait, One-IT branded
   ============================================================ */
@media print {
  @page {
    size: A4 portrait;
    margin: 2cm 1.5cm 2.5cm 1.5cm;
    @bottom-center {
      content: "One-IT SRL · Bulevardul Regele Mihai I 21, Baia Mare · 0741 224 524 · contact@one-it.ro · CUI RO20169099";
      font-size: 9pt;
      color: #6B7280;
    }
    @bottom-right {
      content: "Pagina " counter(page) " din " counter(pages);
      font-size: 9pt;
      color: #9CA3AF;
    }
  }

  body {
    background: #fff !important;
    color: #111827 !important;
    font-size: 10.5pt;
    line-height: 1.5;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  .container { max-width: 100% !important; padding: 0 !important; margin: 0 !important; }
  .aw { box-shadow: none !important; border: none !important; padding: 0 !important; border-radius: 0 !important; background: #fff !important; }

  /* Hide interactive/non-print elements */
  .lang-row, .nav, .share-row, .restart, .final-cta .final-ctas,
  .prod-btns, .site-footer, #welcome-view, #main-view, #email-view, #loading-view,
  .step-c { display: none !important; }

  /* Show topbar with logo as branded header */
  .topbar {
    border-bottom: 2px solid #0057A8 !important;
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
    page-break-after: avoid !important;
  }
  .brand-img { height: 50px !important; width: 50px !important; }
  .brand-name { font-size: 13pt !important; color: #0057A8 !important; }
  .brand-sub { font-size: 9pt !important; color: #6B7280 !important; }

  /* Results section */
  #results-view { display: block !important; }

  .r-score-wrap {
    background: #EBF3FA !important;
    border: 1px solid #0057A8 !important;
    padding: 18pt !important;
    margin-bottom: 16pt !important;
    page-break-inside: avoid !important;
  }
  .r-score-n { font-size: 36pt !important; color: #0057A8 !important; }
  .r-mat { font-size: 11pt !important; padding: 4pt 10pt !important; }

  .r-topx {
    background: #FFF2EA !important;
    border: 1px solid #FF6600 !important;
    page-break-inside: avoid !important;
  }

  .res-section { page-break-inside: avoid !important; margin-bottom: 16pt !important; }
  .res-h { font-size: 12pt !important; page-break-after: avoid !important; }

  /* Radar chart keeps with its section */
  .radar-card {
    page-break-inside: avoid !important;
    border: 1px solid #D1D5DB !important;
    padding: 12pt !important;
  }
  .radar-svg { max-width: 380px !important; }

  /* AI diagnostic box */
  .ai-diag {
    background: #EBF3FA !important;
    border: 1px solid #0057A8 !important;
    page-break-inside: avoid !important;
    padding: 12pt !important;
  }
  .ai-diag-txt { font-size: 10.5pt !important; }

  /* Bars stay together */
  .bars-grid, .bar-row { page-break-inside: avoid !important; }
  .bar-fill { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }

  /* Quick wins - new page */
  .qw-list { page-break-before: auto !important; }
  .qw-card { page-break-inside: avoid !important; margin-bottom: 8pt !important; }
  .qw-num { background: #0057A8 !important; color: #fff !important; width: 40pt !important; font-size: 14pt !important; }
  .qw-action { background: #FFF2EA !important; }

  /* Product section - new page */
  .divider-txt { page-break-before: always !important; margin-top: 0 !important; }
  .prod-card {
    page-break-inside: avoid !important;
    border: 1px solid #D1D5DB !important;
    margin-bottom: 10pt !important;
  }
  .prod-card.main { border: 2px solid #0057A8 !important; }
  .prod-savings { background: #EAF3DE !important; }

  /* Product buttons visible as stacked list with URL text */
  .prod-btns { display: block !important; margin-top: 8pt !important; }
  .prod-cta {
    display: inline-block !important;
    margin-bottom: 4pt !important;
    padding: 6pt 12pt !important;
    background: #FF6600 !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 10pt !important;
    border-radius: 4pt !important;
    text-decoration: none !important;
  }
  .prod-cta.sec-btn {
    background: #fff !important;
    color: #0057A8 !important;
    border: 1px solid #0057A8 !important;
  }
  /* Show URL below each product link in print */
  a[href*="platforma-de-marketing"]::after {
    content: " one-it.ro/platforma-de-marketing-si-comunicare-all-in-one-cu-copywriter-ai-agent/";
    display: block;
    font-size: 7.5pt;
    color: #6B7280;
    font-weight: 400;
    margin-top: 2pt;
    word-break: break-all;
  }
  a[href*="soft-chatbot"]::after {
    content: " one-it.ro/soft-chatbot-ai-asistent-virtual-cu-inteligenta-artificiala/";
    display: block;
    font-size: 7.5pt;
    color: #6B7280;
    font-weight: 400;
    margin-top: 2pt;
    word-break: break-all;
  }
  a[href*="agentic-ai"]::after {
    content: " one-it.ro/agentic-ai-asistent-personal-pentru-business/";
    display: block;
    font-size: 7.5pt;
    color: #6B7280;
    font-weight: 400;
    margin-top: 2pt;
    word-break: break-all;
  }

  /* Final CTA as box (no button) */
  .final-cta {
    background: #002761 !important;
    color: #fff !important;
    padding: 16pt !important;
    page-break-inside: avoid !important;
    margin-top: 12pt !important;
  }
  .final-cta-h { color: #fff !important; }
  .final-cta-p, .fcl { color: #B5D4F4 !important; }
  .final-ctas { display: block !important; }
  .final-ctas .prod-cta {
    display: inline-block !important;
    background: #FF6600 !important;
    color: #fff !important;
    padding: 8pt 16pt !important;
    margin-right: 12pt !important;
    margin-bottom: 8pt !important;
  }
  .final-ctas .prod-cta.wa {
    background: transparent !important;
    border: 1px solid #85B7EB !important;
    color: #fff !important;
  }
  /* Show contact URL visible below CTA button on print */
  .final-ctas a[href*="one-it.ro/contact"]::after {
    content: " https://www.one-it.ro/contact/";
    display: block;
    font-size: 8pt;
    color: #B5D4F4;
    font-weight: 400;
    margin-top: 4pt;
    word-break: break-all;
  }

  .trust { margin-top: 20pt !important; font-size: 9pt !important; }

  /* Links stay readable */
  a { color: #0057A8; text-decoration: none !important; }
}

/* GDPR checkbox row */
.gdpr-row{display:flex;align-items:flex-start;gap:8px;margin:10px 0 6px;padding:10px 12px;background:#F5F8FC;border:1px solid #E8EAED;border-radius:6px;cursor:pointer}
.gdpr-row input[type=checkbox]{margin-top:2px;flex-shrink:0;cursor:pointer;accent-color:#0057A8}
.gdpr-txt{font-size:12px;color:#4B5563;line-height:1.5}
.gdpr-txt a{color:#0057A8;text-decoration:underline}

/* Recommend link row */
.recommend-row{text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #E5E7EB}
.recommend-link{font-size:13px;color:#0057A8;text-decoration:none;font-weight:500;padding:6px 12px;border-radius:6px;display:inline-block;transition:background .15s}
.recommend-link:hover{background:#E8F1F9;text-decoration:underline}

/* Modal overlay */
.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,39,97,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}
.modal-box{background:#fff;border-radius:12px;padding:1.75rem;max-width:440px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.2)}
.modal-title{font-size:18px;font-weight:600;color:#111827;margin-bottom:4px}
.modal-sub{font-size:13px;color:#6B7280;line-height:1.55;margin-bottom:12px}
.modal-status{min-height:20px;margin-top:10px;font-size:13px;text-align:center}
.status-ok{color:#3B6D11;font-weight:500}
.status-err{color:#A32D2D;font-weight:500}