/* ===== corporate.css ===== */
*{box-sizing:border-box}
:root{
  --bg:#f4f7fb;
  --paper:#ffffff;
  --paper-soft:#f8fafc;
  --ink:#0c1524;
  --ink-2:#1b2738;
  --muted:#667085;
  --muted-2:#8a94a5;
  --line:#e5eaf1;
  --line-strong:#d7dee8;
  --green:#17a66a;
  --green-2:#0d8b56;
  --green-soft:#e9f8f1;
  --green-soft-2:#f3fcf7;
  --blue:#3157d5;
  --blue-soft:#eef2ff;
  --red:#d84a5b;
  --red-soft:#fff0f2;
  --yellow:#b98216;
  --yellow-soft:#fff8e8;
  --radius-xl:28px;
  --radius-lg:20px;
  --radius-md:14px;
  --shadow-xl:0 32px 80px rgba(28,42,60,.12);
  --shadow-lg:0 18px 50px rgba(28,42,60,.09);
  --shadow-sm:0 8px 24px rgba(28,42,60,.06);
  --max:1240px
}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  color:var(--ink);
  background:var(--bg);
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:15px;
  letter-spacing:-.01em;
  overflow-x:hidden
}
body.modal-open{overflow:hidden}
button,input{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
::selection{background:#c8f1df;color:var(--ink)}
.section-shell{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.hidden{display:none!important}
.page-bg{position:fixed;inset:0;z-index:-10;pointer-events:none;overflow:hidden}
.page-orb{position:absolute;border-radius:50%;filter:blur(90px)}
.page-orb-a{width:620px;height:620px;left:-250px;top:-280px;background:rgba(23,166,106,.08)}
.page-orb-b{width:620px;height:620px;right:-260px;top:320px;background:rgba(49,87,213,.055)}
.page-grid{
  position:absolute;inset:0;opacity:.45;
  background-image:linear-gradient(rgba(12,21,36,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(12,21,36,.025) 1px,transparent 1px);
  background-size:60px 60px;
  mask-image:linear-gradient(to bottom,#000 0%,transparent 66%)
}

/* Header */
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,.86);
  border-bottom:1px solid rgba(216,223,232,.78);
  backdrop-filter:blur(18px) saturate(150%)
}
.site-header-inner{min-height:74px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;gap:11px;width:fit-content}
.brand-symbol{
  width:38px;height:38px;display:grid;place-items:center;border-radius:11px;
  background:var(--ink);color:#fff;font-family:"Manrope",sans-serif;font-size:13px;font-weight:800;
  box-shadow:0 6px 16px rgba(12,21,36,.16)
}
.brand-text{display:grid;gap:1px}
.brand-text strong{font-family:"Manrope",sans-serif;font-size:14px;font-weight:800;letter-spacing:-.025em}
.brand-text small{color:var(--muted-2);font-size:7px;font-weight:700;letter-spacing:.13em}
.main-nav{display:flex;align-items:center;gap:29px}
.main-nav a{position:relative;color:#566174;font-size:12px;font-weight:600;transition:.2s ease}
.main-nav a:after{
  content:"";position:absolute;left:50%;right:50%;bottom:-10px;height:2px;border-radius:99px;background:var(--green);
  transition:.2s ease
}
.main-nav a:hover{color:var(--ink)}
.main-nav a:hover:after{left:0;right:0}
.header-actions{justify-self:end;display:flex;align-items:center;gap:7px}
.header-tool{
  min-height:38px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#556174;
  font-size:10px;font-weight:600;transition:.2s ease
}
.header-tool:hover{border-color:var(--line-strong);color:var(--ink);background:#fbfcfe;transform:translateY(-1px)}
.header-count{
  display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:4px;padding:0 4px;border-radius:99px;
  background:var(--green-soft);color:var(--green-2);font-size:8px;font-weight:800
}
.header-cta{
  min-height:40px;padding:0 15px;display:inline-flex;align-items:center;border-radius:10px;
  background:var(--ink);color:#fff;font-size:10px;font-weight:700;box-shadow:0 8px 18px rgba(12,21,36,.13);transition:.2s ease
}
.header-cta:hover{background:#172235;transform:translateY(-1px)}

/* Hero */
.hero{padding:92px 0 78px}
.hero-layout{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:76px}
.hero-kicker{
  width:fit-content;display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:99px;
  background:rgba(255,255,255,.72);color:#596579;font-size:9px;font-weight:700;letter-spacing:.08em
}
.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(23,166,106,.09)}
.hero h1{
  margin:25px 0 22px;max-width:740px;font-family:"Manrope",sans-serif;font-size:clamp(54px,6.2vw,86px);line-height:.95;
  font-weight:800;letter-spacing:-.065em
}
.hero h1 span{color:var(--green)}
.hero-lead{max-width:650px;margin:0;color:#5f6b7d;font-size:18px;line-height:1.72}
.hero-benefits{margin-top:31px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hero-benefits>div{
  min-height:92px;display:flex;align-items:flex-start;gap:11px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.72)
}
.benefit-icon{
  width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:9px;background:var(--green-soft);
  color:var(--green-2);font-size:9px;font-weight:800
}
.hero-benefits p{margin:0}
.hero-benefits strong,.hero-benefits small{display:block}
.hero-benefits strong{font-size:11px;font-weight:700}
.hero-benefits small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.4}
.hero-note{margin-top:26px;display:flex;align-items:flex-start;gap:10px;color:var(--muted)}
.hero-note-mark{
  width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:50%;background:var(--green-soft);color:var(--green-2);
  font-size:11px;font-weight:800
}
.hero-note strong,.hero-note span{display:block}
.hero-note strong{color:#39465a;font-size:10px}
.hero-note span{margin-top:3px;max-width:560px;font-size:9px;line-height:1.5}
.search-panel-wrap{position:relative}
.search-panel-shadow{position:absolute;inset:12% -8% -10% 9%;border-radius:42px;background:rgba(49,87,213,.07);filter:blur(40px)}
.search-card{
  position:relative;z-index:2;padding:30px;border:1px solid rgba(216,223,232,.94);border-radius:24px;background:rgba(255,255,255,.94);
  box-shadow:var(--shadow-xl);overflow:hidden
}
.search-card:before{
  content:"";position:absolute;width:240px;height:240px;right:-90px;top:-120px;border-radius:50%;background:rgba(23,166,106,.055)
}
.search-card-top{position:relative;z-index:2;display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.section-label{color:var(--green-2);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.search-card h2,.panel h3,.modal-card h2{
  margin:6px 0 0;font-family:"Manrope",sans-serif;letter-spacing:-.035em
}
.search-card h2{font-size:28px}
.search-card-top p{margin:8px 0 0;color:var(--muted);font-size:11px}
.live-badge{
  display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:99px;background:var(--green-soft);color:var(--green-2);
  font-size:8px;font-weight:800;letter-spacing:.08em
}
.live-badge i{width:6px;height:6px;border-radius:50%;background:var(--green)}
.search-card form{position:relative;z-index:2;margin-top:26px}
.field-label{display:block;margin-bottom:8px;color:#445066;font-size:10px;font-weight:700}
.url-input{display:flex;align-items:center;gap:9px;padding:0 8px 0 13px;border:1px solid var(--line-strong);border-radius:12px;background:#fbfcfe;transition:.2s ease}
.url-input:focus-within{border-color:rgba(23,166,106,.55);box-shadow:0 0 0 4px rgba(23,166,106,.07);background:#fff}
.url-input-icon{color:#8791a1}
.url-input input{width:100%;min-width:0;height:56px;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}
.url-input input::placeholder{color:#a1a9b7}
.paste-btn{
  padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#596579;font-size:9px;font-weight:700
}
.field-help{margin:8px 2px 0;color:var(--muted-2);font-size:9px}
.form-error{min-height:18px;margin-top:10px;color:var(--red);font-size:10px}
.backend-error{padding:10px 11px;border:1px solid #ffd8de;border-radius:10px;background:var(--red-soft);line-height:1.5}
.primary-btn{
  width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:11px;background:var(--ink);
  color:#fff;font-weight:700;font-size:11px;box-shadow:0 10px 22px rgba(12,21,36,.13);transition:.2s ease
}
.primary-btn:hover{background:#182438;transform:translateY(-1px);box-shadow:0 15px 28px rgba(12,21,36,.16)}
.btn-arrow{font-size:17px;transition:.2s ease}
.primary-btn:hover .btn-arrow{transform:translateX(3px)}
.search-submit{margin-top:17px}
.search-trust{margin-top:13px;display:flex;justify-content:center;flex-wrap:wrap;gap:11px;color:#7b8594;font-size:8px}
.search-trust span{display:inline-flex;align-items:center;gap:5px}
.search-trust i{width:4px;height:4px;border-radius:50%;background:var(--green)}
.hero-stat{
  position:absolute;z-index:3;min-width:155px;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.95);
  box-shadow:var(--shadow-sm)
}
.hero-stat span,.hero-stat strong,.hero-stat small{display:block}
.hero-stat span{color:var(--muted-2);font-size:7px;font-weight:800;letter-spacing:.08em}
.hero-stat strong{margin-top:4px;font-family:"Manrope",sans-serif;font-size:14px}
.hero-stat small{margin-top:2px;color:var(--muted);font-size:8px}
.hero-stat-a{right:-28px;top:74px}
.hero-stat-b{left:-28px;bottom:54px}

.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.55)}
.trust-strip-inner{min-height:58px;display:flex;align-items:center;justify-content:center;gap:18px;color:#87909f;font-size:8px;font-weight:800;letter-spacing:.1em}
.trust-strip-inner i{width:4px;height:4px;border-radius:50%;background:#bcc4cf}

/* Research */
.research-section,.result-section{padding:44px 0 84px}
.research-card{
  padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:var(--shadow-lg)
}
.research-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.research-header h2{margin:6px 0 0;font-family:"Manrope",sans-serif;font-size:36px;letter-spacing:-.045em}
.research-header p{margin:8px 0 0;color:var(--muted);font-size:11px}
.research-progress-number{font-family:"Manrope",sans-serif;font-size:34px;font-weight:800;color:var(--green-2)}
.progress-track{height:7px;margin:25px 0 28px;border-radius:99px;background:#eef1f5;overflow:hidden}
.progress-bar{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),#54c796);transition:width .35s ease}
.research-content{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px}
.research-current,.research-steps{min-height:322px;border:1px solid var(--line);border-radius:17px;background:var(--paper-soft)}
.research-current{display:grid;place-items:center;align-content:center;text-align:center;gap:23px}
.research-orb{position:relative;width:132px;height:132px;display:grid;place-items:center}
.research-orb-inner{
  position:relative;z-index:2;width:60px;height:60px;display:grid;place-items:center;border-radius:18px;background:var(--ink);color:#fff;
  font-family:"Manrope",sans-serif;font-weight:800;box-shadow:0 14px 30px rgba(12,21,36,.15)
}
.research-ring{position:absolute;border:1px solid rgba(23,166,106,.24);border-radius:50%;animation:spin 7s linear infinite}
.research-ring:after{content:"";position:absolute;width:7px;height:7px;left:-4px;top:50%;border-radius:50%;background:var(--green)}
.research-ring-a{inset:15px}
.research-ring-b{inset:0;animation-direction:reverse;animation-duration:10s;border-color:rgba(49,87,213,.15)}
@keyframes spin{to{transform:rotate(360deg)}}
.research-current span{color:var(--muted-2);font-size:8px;font-weight:800;letter-spacing:.08em}
.research-current strong{display:block;margin-top:6px;font-size:12px}
.research-steps{padding:14px}
.research-step{
  min-height:56px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:11px;padding:8px 9px;border-bottom:1px solid #edf0f4;
  color:#8891a0
}
.research-step:last-child{border-bottom:0}
.research-step strong{font-size:10px}
.research-step.active{color:var(--ink);background:#fff;border-radius:10px}
.research-step.done{color:#566174}
.step-dot{
  width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:8px;font-weight:700
}
.research-step.active .step-dot{border-color:var(--green);background:var(--green);color:#fff}
.research-step.done .step-dot{color:var(--green-2)}
.step-state{color:#99a2b0;font-size:8px}
.research-step.active .step-state{color:var(--green-2)}

/* Result summary */
.result-summary{
  padding:34px;border:1px solid var(--line);border-radius:24px;background:var(--paper);box-shadow:var(--shadow-xl)
}
.result-summary-copy{text-align:center}
.result-status{display:inline-flex;align-items:center;gap:7px;color:#697487;font-size:8px;font-weight:800;letter-spacing:.1em}
.result-status i{width:6px;height:6px;border-radius:50%;background:var(--green)}
.result-verdict{margin-top:10px;color:var(--green-2);font-family:"Manrope",sans-serif;font-size:35px;font-weight:800;letter-spacing:-.04em}
.result-summary-copy p{margin:8px auto 0;max-width:650px;color:var(--muted);font-size:11px}
.saving-number{text-align:center;margin-top:6px;font-family:"Manrope",sans-serif;font-size:clamp(72px,9vw,116px);font-weight:800;line-height:1;letter-spacing:-.07em}
.saving-number small{margin-left:-5px;color:#8b95a4;font-size:.23em;letter-spacing:-.02em}
.result-prices{
  width:min(100%,760px);margin:28px auto 0;display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:10px
}
.result-price-block{padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--paper-soft)}
.result-price-block span,.result-price-block strong{display:block}
.result-price-block span{color:var(--muted-2);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.result-price-block strong{margin-top:5px;font-family:"Manrope",sans-serif;font-size:20px}
.result-price-best{border-color:#ccebdc;background:var(--green-soft-2)}
.result-price-best strong{color:var(--green-2)}
.price-arrow{color:#9aa3b1}
.saving-pill{padding:8px 10px;border-radius:99px;background:var(--green-soft);color:#31765a;font-size:8px;font-weight:700;white-space:nowrap}
.result-actions{
  width:min(100%,980px);margin:22px auto 0;display:grid;grid-template-columns:1.65fr repeat(5,.78fr);gap:8px
}
.result-actions .primary-btn{min-height:48px}
.secondary-btn{
  min-height:46px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#596579;font-size:9px;font-weight:600;transition:.2s ease
}
.secondary-btn:hover{border-color:var(--line-strong);color:var(--ink);background:#fbfcfe;transform:translateY(-1px)}
.compact-btn{width:auto;padding-inline:14px}

/* Panels */
.panel{
  padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:var(--shadow-sm)
}
.product-card{margin-top:14px}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.panel h3{font-size:22px}
.match-pill,.count-pill{
  padding:7px 9px;border-radius:99px;border:1px solid var(--line);background:var(--paper-soft);color:#657083;font-size:8px;font-weight:700
}
.match-score{margin-top:18px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--paper-soft)}
.match-score-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}
.match-score-top span{color:var(--muted-2);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}
.match-score-top strong{color:var(--green-2);font-size:9px}
.match-score-track{height:5px;border-radius:99px;background:#e9edf2;overflow:hidden}
.match-score-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),#58c99a);transition:width .7s ease}
.source-meta-grid{margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.source-meta-grid>div{min-width:0;padding:13px;border:1px solid var(--line);border-radius:11px;background:#fff}
.source-meta-grid span,.source-meta-grid strong{display:block}
.source-meta-grid span{color:var(--muted-2);font-size:8px;text-transform:uppercase;letter-spacing:.06em}
.source-meta-grid strong{margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.no-exact-offer{margin:14px 0;padding:15px;border:1px solid #f5dfab;border-radius:12px;background:var(--yellow-soft)}
.no-exact-offer strong{color:#8a6416;font-size:10px}
.no-exact-offer p{margin:5px 0 0;color:#806d45;font-size:9px;line-height:1.5}
.result-grid{margin-top:14px;display:grid;grid-template-columns:1.2fr .8fr;gap:14px}
.offers-list{margin-top:16px;display:grid;gap:8px}
.offer-row{
  display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fff;transition:.2s ease
}
.offer-row:hover{border-color:var(--line-strong);box-shadow:0 8px 20px rgba(28,42,60,.05);transform:translateY(-1px)}
.offer-row:first-child{border-color:#ccebdc;background:var(--green-soft-2)}
.offer-source strong,.offer-source span{display:block}
.offer-source strong{font-size:10px}
.offer-source span{margin-top:3px;color:var(--muted);font-size:8px}
.offer-price{text-align:right}
.offer-price strong,.offer-price small{display:block}
.offer-price strong{color:var(--green-2);font-size:14px}
.offer-price small{margin-top:2px;color:var(--muted-2);font-size:7px}
.offer-match{color:var(--green-2)!important}
.offer-link{
  width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;color:#5d687a;transition:.2s ease
}
.offer-link:hover{border-color:#bddfce;color:var(--green-2);background:var(--green-soft-2)}
.score-ring{
  width:76px;height:76px;display:grid;place-items:center;align-content:center;border-radius:50%;border:7px solid #e8eef0;border-top-color:var(--green);
  font-family:"Manrope",sans-serif;font-size:21px;font-weight:800
}
.score-ring small{color:var(--muted-2);font-family:"Inter",sans-serif;font-size:7px}
.score-bars{margin-top:26px;display:grid;gap:14px}
.score-row{display:grid;grid-template-columns:82px 1fr 28px;align-items:center;gap:8px;color:#667085;font-size:9px}
.score-line{height:6px;border-radius:99px;background:#e9edf2;overflow:hidden}
.score-line i{display:block;width:0;height:100%;border-radius:inherit;background:var(--green);transition:width .65s ease}
.insight-box{margin-top:21px;padding:14px;border:1px solid #d9ebe3;border-radius:12px;background:var(--green-soft-2)}
.insight-box span{color:var(--green-2);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.insight-box p{margin:6px 0 0;color:#567062;font-size:9px;line-height:1.55}

/* Smart section */
.smart-section{margin-top:64px}
.section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.section-heading-row h2,.section-heading h2,.decision-copy h2,.business-copy h2{
  margin:7px 0 0;font-family:"Manrope",sans-serif;font-size:clamp(36px,4.5vw,58px);line-height:1.02;letter-spacing:-.05em
}
.section-heading-row p,.section-heading p{max-width:680px;margin:10px 0 0;color:var(--muted);font-size:11px;line-height:1.6}
.smart-grid{margin-top:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.smart-card{
  min-height:242px;padding:19px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:0 6px 20px rgba(28,42,60,.035);transition:.2s ease
}
.smart-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--line-strong)}
.smart-icon{
  width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--green-soft);color:var(--green-2);font-size:17px;font-weight:700
}
.smart-label{margin-top:16px;color:var(--muted-2);font-size:7px;font-weight:800;letter-spacing:.1em}
.smart-card h3{margin:5px 0 0;font-family:"Manrope",sans-serif;font-size:16px;letter-spacing:-.025em}
.smart-result{margin-top:12px;color:#596579;font-size:9px;line-height:1.6}
.muted-result{color:#7b8594}
.small-action{
  margin-top:auto;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#566174;font-size:8px;font-weight:700
}
.small-action:hover:not(:disabled){border-color:var(--line-strong);color:var(--ink)}
.disabled-action{opacity:.45;cursor:not-allowed}
.mini-history{height:64px;margin-top:auto;display:flex;align-items:end;gap:3px}
.mini-history i{flex:1;min-width:3px;max-width:10px;border-radius:3px 3px 1px 1px;background:linear-gradient(180deg,#3bb882,#bcebd4)}
.condition-tabs{margin-top:13px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:4px;border:1px solid var(--line);border-radius:9px;background:var(--paper-soft)}
.condition-tab{border:0;border-radius:7px;padding:7px 3px;background:transparent;color:#7d8796;font-size:8px;font-weight:700}
.condition-tab.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(28,42,60,.05)}
.condition-tab b{display:inline-grid;place-items:center;min-width:14px;height:14px;border-radius:99px;background:#eef2f5;font-size:7px}
.condition-offers{margin-top:9px;display:grid;gap:5px}
.condition-offer-row{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid #edf0f4;color:#758091;font-size:8px}
.condition-offer-row strong{color:var(--green-2)}
.inline-field{margin-top:13px;display:grid;gap:6px}
.inline-field>span{color:var(--muted);font-size:8px;font-weight:700}
.inline-field>div{display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:var(--paper-soft)}
.inline-field input{width:100%;min-width:0;height:39px;border:0;outline:0;background:transparent;color:var(--ink);font-size:10px;font-weight:700}
.inline-field em{color:var(--muted-2);font-size:8px;font-style:normal}
.metric-mini{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #edf0f4}
.metric-mini span{color:var(--muted)}
.metric-mini strong{color:var(--ink)}
.positive-text{color:var(--green-2)!important}.negative-text{color:var(--red)!important}
.referral-code-row{margin-top:15px;display:grid;grid-template-columns:1fr auto;gap:6px}
.referral-code-row code{display:flex;align-items:center;padding:9px 10px;border:1px dashed #bddfce;border-radius:9px;background:var(--green-soft-2);color:var(--green-2);font-size:11px;font-weight:800}
.referral-code-row .small-action{margin-top:0}
.points-line{margin-top:auto;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:8px}
.points-line strong{color:var(--green-2);font-size:18px}

/* General content */
.content-section{padding:96px 0}
.section-heading{max-width:760px}
.process-grid{margin-top:34px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.process-grid article{min-height:220px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}
.process-grid article>span{color:var(--green-2);font-size:9px;font-weight:800;letter-spacing:.08em}
.process-grid h3{margin:26px 0 8px;font-family:"Manrope",sans-serif;font-size:19px;letter-spacing:-.025em}
.process-grid p{margin:0;color:var(--muted);font-size:10px;line-height:1.65}

.decision-section{padding:92px 0;background:var(--ink);color:#fff}
.decision-layout{display:grid;grid-template-columns:1fr .86fr;align-items:center;gap:72px}
.decision-copy .section-label{color:#85d7b2}
.decision-copy p{max-width:670px;margin:18px 0 0;color:#aeb7c5;font-size:13px;line-height:1.7}
.decision-list{margin-top:29px;display:grid;gap:13px}
.decision-list>div{display:flex;gap:11px;align-items:flex-start}
.decision-list i{width:25px;height:25px;display:grid;place-items:center;flex:none;border-radius:50%;background:rgba(23,166,106,.15);color:#79d5ad;font-style:normal;font-size:9px}
.decision-list strong,.decision-list small{display:block}
.decision-list strong{font-size:10px}
.decision-list small{margin-top:3px;color:#8793a4;font-size:8px}
.decision-dashboard{padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#121d2c;box-shadow:0 26px 70px rgba(0,0,0,.2)}
.dashboard-top{display:flex;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}
.dashboard-top span{color:#7f8b9c;font-size:7px;font-weight:800;letter-spacing:.08em}
.dashboard-top strong{font-size:10px}
.dashboard-offer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.dashboard-offer span,.dashboard-offer small{display:block}
.dashboard-offer span{font-size:10px}.dashboard-offer small{margin-top:3px;color:#728095;font-size:8px}
.dashboard-offer>strong{font-family:"Manrope",sans-serif;font-size:18px}
.dashboard-best{color:#9fe3c3}
.dashboard-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:13px;border-radius:10px;background:rgba(23,166,106,.12)}
.dashboard-bottom span{color:#91a0b2;font-size:8px}.dashboard-bottom strong{color:#93e0bc;font-family:"Manrope",sans-serif;font-size:16px}

.business-section{padding:92px 0}
.business-card{
  padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:var(--shadow-lg)
}
.business-copy p{max-width:650px;margin:15px 0 0;color:var(--muted);font-size:11px;line-height:1.65}
.business-features{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.business-features>div{padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--paper-soft)}
.business-features strong,.business-features span{display:block}
.business-features strong{font-size:10px}.business-features span{margin-top:4px;color:var(--muted);font-size:8px}

.feature-center-section{padding-top:80px}
.roadmap-heading{align-items:flex-start}
.feature-status-legend{margin:23px 0 16px;display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:8px}
.feature-status-legend span{display:flex;align-items:center;gap:6px}
.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}
.status-dot.active{background:var(--green)}.status-dot.foundation{background:#d39b2b}.status-dot.later{background:#a8b0bb}
.registry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.registry-card{min-height:164px;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--paper);transition:.2s ease}
.registry-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--line-strong)}
.registry-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.registry-number{color:#98a1af;font-size:7px;font-weight:800}
.registry-status{padding:4px 6px;border-radius:99px;font-size:6px;font-weight:800;letter-spacing:.06em}
.registry-status.active{color:#14774e;background:var(--green-soft);border:1px solid #cdebdc}
.registry-status.foundation{color:#8c6411;background:#fff6de;border:1px solid #f2dda4}
.registry-status.later{color:#737e8f;background:#f2f4f7;border:1px solid var(--line)}
.registry-card h3{margin:15px 0 6px;font-family:"Manrope",sans-serif;font-size:13px}
.registry-card p{margin:0;color:var(--muted);font-size:8px;line-height:1.55}
.registry-card small{display:block;margin-top:11px;color:#9aa3b0;font-size:6px;font-weight:800;letter-spacing:.08em}

.faq-section{padding-bottom:110px}
.faq-list{margin-top:29px;border-top:1px solid var(--line)}
.faq-list details{padding:19px 0;border-bottom:1px solid var(--line)}
.faq-list summary{cursor:pointer;list-style:none;font-family:"Manrope",sans-serif;font-size:14px;font-weight:700}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";float:right;color:var(--green-2);font-size:18px}
.faq-list details[open] summary:after{content:"−"}
.faq-list p{max-width:880px;margin:10px 0 0;color:var(--muted);font-size:10px;line-height:1.65}

/* Footer */
.site-footer{border-top:1px solid var(--line);background:#fff}
.footer-layout{min-height:150px;display:grid;grid-template-columns:1.3fr 1fr auto;align-items:center;gap:28px}
.footer-brand{margin-bottom:11px}
.footer-layout>div:first-child>p{margin:0;color:var(--muted);font-size:9px}
.footer-links{display:flex;flex-wrap:wrap;gap:14px}
.footer-links a{color:#667085;font-size:9px}.footer-links a:hover{color:var(--ink)}
.footer-meta{display:grid;gap:5px;justify-items:end;color:#8992a0;font-size:8px}

/* Modals */
.modal{position:fixed;inset:0;z-index:500;padding:20px;display:grid;place-items:center}
.modal-backdrop{position:absolute;inset:0;background:rgba(12,21,36,.5);backdrop-filter:blur(6px)}
.modal-card{
  position:relative;width:min(100%,660px);max-height:min(760px,88vh);overflow:auto;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 30px 90px rgba(12,21,36,.22)
}
.wide-modal{width:min(100%,820px)}
.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.modal-card h2{font-size:23px}
.modal-close{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#667085;font-size:19px}
.modal-close:hover{background:var(--paper-soft);color:var(--ink)}
.modal-product-preview{margin-top:17px;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--paper-soft)}
.modal-product-preview strong,.modal-product-preview span{display:block}
.modal-product-preview strong{font-size:10px}.modal-product-preview span{margin-top:4px;color:var(--muted);font-size:8px}
.modal-field{margin-top:17px}
.modal-note{color:var(--muted);font-size:8px;line-height:1.5}
.history-list,.collection-list{margin-top:17px;display:grid;gap:8px}
.history-empty{padding:38px 13px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:11px;font-size:9px}
.history-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:11px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff}
.history-item strong,.history-item span{display:block}
.history-item strong{font-size:10px}.history-item span{margin-top:3px;color:var(--muted);font-size:8px}.history-save{color:var(--green-2);font-size:11px;font-weight:800}
.modal-actions{margin-top:12px;text-align:right}.danger-link{border:0;background:transparent;color:var(--red);font-size:8px;font-weight:700}
.collection-item{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff}
.collection-main{min-width:0}.collection-main strong,.collection-main span{display:block}.collection-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.collection-main span{margin-top:3px;color:var(--muted);font-size:7px}
.collection-price{color:var(--green-2);font-size:10px;font-weight:800;white-space:nowrap}.hit-target{text-shadow:none}
.collection-link,.collection-remove{padding:7px 8px;border-radius:8px;font-size:7px;font-weight:700}.collection-link{border:1px solid #cdebdc;color:var(--green-2);background:var(--green-soft-2)}.collection-remove{border:1px solid #ffd8de;color:var(--red);background:var(--red-soft)}
.collection-total{margin-top:15px;padding-top:15px;display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid var(--line)}
.collection-total>div{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--paper-soft)}
.collection-total span,.collection-total strong{display:block}.collection-total span{color:var(--muted);font-size:7px}.collection-total strong{margin-top:4px;font-size:16px}
.reseller-breakdown{margin-top:15px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--paper-soft);font-size:9px}.reseller-breakdown small{display:block;margin-top:8px;color:var(--muted);line-height:1.5}

/* Toast */
.toast{
  position:fixed;z-index:700;left:50%;bottom:22px;transform:translate(-50%,25px);opacity:0;pointer-events:none;padding:10px 13px;border-radius:10px;
  background:var(--ink);color:#fff;box-shadow:0 15px 35px rgba(12,21,36,.2);font-size:9px;transition:.25s ease
}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* Reveal */
.corp-reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}.corp-reveal.is-visible{opacity:1;transform:none}

/* Responsive */
@media (max-width:1120px){
  .main-nav{display:none}
  .site-header-inner{grid-template-columns:1fr auto}
  .hero-layout{gap:42px}
  .hero-benefits{grid-template-columns:1fr}
  .result-actions{grid-template-columns:1.4fr repeat(2,1fr)}
  .result-buy{grid-column:1/-1}
  .smart-grid,.registry-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:920px){
  .hero-layout,.decision-layout,.business-card,.research-content,.result-grid{grid-template-columns:1fr}
  .hero{padding-top:66px}
  .hero-copy{text-align:center}.hero-kicker{margin-inline:auto}.hero-lead{margin-inline:auto}.hero-note{width:min(100%,620px);margin-inline:auto;text-align:left}
  .hero-stat{display:none}
  .search-panel-wrap{width:min(100%,690px);margin-inline:auto}
  .process-grid{grid-template-columns:1fr 1fr}
  .decision-section{text-align:left}
  .footer-layout{grid-template-columns:1fr 1fr}.footer-meta{grid-column:1/-1;justify-items:start}
}
@media (max-width:700px){
  .section-shell{width:min(calc(100% - 24px),var(--max))}
  .site-header-inner{min-height:64px;padding-block:0}
  .brand-text small{display:none}
  .header-tool{display:none}
  .header-cta{min-height:36px;padding-inline:11px;font-size:9px}
  .hero{padding:46px 0 50px}
  .hero h1{font-size:clamp(44px,13.5vw,64px)}
  .hero-lead{font-size:15px}
  .hero-benefits{gap:7px}
  .search-card,.research-card,.panel,.result-summary{padding:18px;border-radius:16px}
  .search-card-top{align-items:flex-start}
  .search-card h2{font-size:23px}
  .trust-strip-inner{justify-content:flex-start;overflow:auto;padding-block:0;white-space:nowrap}
  .research-header{align-items:flex-start}.research-progress-number{font-size:27px}
  .research-current{min-height:230px}.research-step{grid-template-columns:30px 1fr}.step-state{display:none}
  .saving-number{font-size:clamp(66px,22vw,94px)}
  .result-prices{grid-template-columns:1fr}.price-arrow{transform:rotate(90deg);text-align:center}.saving-pill{text-align:center}
  .result-actions{grid-template-columns:1fr}.result-buy{grid-column:auto}
  .source-meta-grid{grid-template-columns:1fr 1fr}
  .offer-row{grid-template-columns:1fr auto}.offer-link{grid-column:1/-1;width:100%}
  .smart-grid,.registry-grid,.process-grid,.business-features{grid-template-columns:1fr}
  .section-heading-row{align-items:flex-start;flex-direction:column}
  .content-section,.business-section{padding:70px 0}
  .decision-section{padding:70px 0}
  .section-heading-row h2,.section-heading h2,.decision-copy h2,.business-copy h2{font-size:38px}
  .business-card{padding:22px}
  .footer-layout{grid-template-columns:1fr;text-align:center;justify-items:center;padding:32px 0}.footer-links{justify-content:center}.footer-meta{justify-items:center}
  .collection-item{grid-template-columns:1fr auto}.collection-link,.collection-remove{width:100%;text-align:center}.collection-total{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}


/* ===== refined.css ===== */

/* =========================================================
   CenaRadar v0.6 — REFINED CORPORATE
   Typography + spacing + premium polish layer
   ========================================================= */

:root{
  --ref-font-display:"Plus Jakarta Sans",sans-serif;
  --ref-font-body:"Inter",sans-serif;
  --ref-ink:#0a1422;
  --ref-ink-soft:#1d2a3d;
  --ref-muted:#5f6d80;
  --ref-muted-2:#8590a0;
  --ref-green:#149b63;
  --ref-green-2:#0f8254;
  --ref-paper:#ffffff;
  --ref-line:#e3e9f0;
  --ref-line-strong:#d3dce7;
  --ref-shadow:0 22px 60px rgba(23,39,61,.09);
  --ref-shadow-strong:0 34px 90px rgba(23,39,61,.12);
}

body{
  font-family:var(--ref-font-body)!important;
  font-size:16px!important;
  line-height:1.55;
  color:var(--ref-ink)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Typography */
.brand-text strong,
.hero h1,
.search-card h2,
.panel h3,
.modal-card h2,
.research-header h2,
.result-verdict,
.saving-number,
.section-heading-row h2,
.section-heading h2,
.decision-copy h2,
.business-copy h2,
.process-grid h3,
.smart-card h3,
.registry-card h3,
.dashboard-offer>strong,
.dashboard-bottom strong,
.score-ring,
.result-price-block strong{
  font-family:var(--ref-font-display)!important;
}

.brand-text strong{
  font-size:15px!important;
  letter-spacing:-.025em!important;
}

.brand-text small{
  font-size:7.5px!important;
  letter-spacing:.12em!important;
}

.main-nav a{
  font-size:13px!important;
  font-weight:600!important;
}

.header-tool,
.header-cta{
  font-size:11px!important;
}

.hero{
  padding-top:104px!important;
  padding-bottom:90px!important;
}

.hero-layout{
  gap:88px!important;
}

.hero-kicker{
  font-size:10px!important;
  padding:8px 11px!important;
}

.hero h1{
  max-width:780px!important;
  font-size:clamp(60px,6.4vw,92px)!important;
  line-height:.96!important;
  letter-spacing:-.057em!important;
}

.hero-lead{
  max-width:680px!important;
  font-size:19px!important;
  line-height:1.72!important;
  color:#5d6b7e!important;
}

.hero-benefits{
  margin-top:34px!important;
}

.hero-benefits>div{
  min-height:104px!important;
  padding:16px!important;
  border-radius:15px!important;
}

.benefit-icon{
  width:31px!important;
  height:31px!important;
  font-size:9.5px!important;
}

.hero-benefits strong{
  font-size:12px!important;
}

.hero-benefits small{
  font-size:9.5px!important;
  line-height:1.45!important;
}

.hero-note{
  margin-top:29px!important;
}

.hero-note-mark{
  width:30px!important;
  height:30px!important;
}

.hero-note strong{
  font-size:11px!important;
}

.hero-note span{
  font-size:9.5px!important;
  line-height:1.55!important;
}

/* Header premium polish */
.site-header{
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
}

.site-header-inner{
  min-height:78px!important;
}

.brand-symbol{
  width:41px!important;
  height:41px!important;
  border-radius:12px!important;
  font-family:var(--ref-font-display)!important;
  font-size:14px!important;
}

.header-cta{
  min-height:42px!important;
  padding-inline:17px!important;
  border-radius:11px!important;
}

/* Search panel */
.search-card{
  padding:34px!important;
  border-radius:26px!important;
  border-color:#dde5ee!important;
  box-shadow:var(--ref-shadow-strong)!important;
}

.search-card-top{
  gap:22px!important;
}

.search-card h2{
  font-size:31px!important;
  letter-spacing:-.035em!important;
}

.search-card-top p{
  margin-top:9px!important;
  font-size:12px!important;
  line-height:1.5!important;
}

.section-label{
  font-size:9.5px!important;
  letter-spacing:.12em!important;
}

.live-badge{
  padding:8px 10px!important;
  font-size:8.5px!important;
}

.field-label{
  font-size:11px!important;
}

.url-input{
  min-height:60px!important;
  border-radius:13px!important;
}

.url-input input{
  height:58px!important;
  font-size:13px!important;
}

.paste-btn{
  font-size:10px!important;
  padding:9px 11px!important;
}

.field-help{
  font-size:9.5px!important;
}

.primary-btn{
  min-height:55px!important;
  border-radius:12px!important;
  font-size:12px!important;
  letter-spacing:-.005em;
}

.search-trust{
  margin-top:15px!important;
  font-size:9px!important;
  gap:13px!important;
}

/* Floating stats */
.hero-stat{
  padding:14px 15px!important;
  min-width:170px!important;
  border-radius:14px!important;
  box-shadow:0 14px 32px rgba(28,42,60,.08)!important;
}

.hero-stat span{font-size:7.5px!important}
.hero-stat strong{font-size:15px!important}
.hero-stat small{font-size:8.5px!important}

/* Trust strip */
.trust-strip-inner{
  min-height:62px!important;
  font-size:8.5px!important;
  letter-spacing:.11em!important;
}

/* Research */
.research-section,
.result-section{
  padding-top:52px!important;
  padding-bottom:96px!important;
}

.research-card{
  padding:34px!important;
  border-radius:24px!important;
  box-shadow:var(--ref-shadow)!important;
}

.research-header h2{
  font-size:39px!important;
}

.research-header p{
  font-size:12px!important;
}

.research-progress-number{
  font-size:38px!important;
}

.research-current,
.research-steps{
  min-height:340px!important;
}

.research-step{
  min-height:59px!important;
}

.research-step strong{
  font-size:11px!important;
}

.step-state{
  font-size:8.5px!important;
}

/* Result summary */
.result-summary{
  padding:40px!important;
  border-radius:26px!important;
  box-shadow:var(--ref-shadow-strong)!important;
}

.result-status{
  font-size:8.5px!important;
}

.result-verdict{
  margin-top:12px!important;
  font-size:39px!important;
}

.result-summary-copy p{
  margin-top:10px!important;
  font-size:12px!important;
}

.saving-number{
  margin-top:10px!important;
  font-size:clamp(78px,9.2vw,124px)!important;
}

.result-prices{
  margin-top:31px!important;
  gap:12px!important;
}

.result-price-block{
  padding:17px!important;
  border-radius:13px!important;
}

.result-price-block span{
  font-size:8.5px!important;
}

.result-price-block strong{
  font-size:22px!important;
}

.saving-pill{
  font-size:8.5px!important;
  padding:9px 12px!important;
}

.result-actions{
  margin-top:25px!important;
  gap:9px!important;
}

.secondary-btn{
  min-height:48px!important;
  font-size:9.5px!important;
  border-radius:11px!important;
}

/* Panels */
.panel{
  padding:27px!important;
  border-radius:19px!important;
}

.panel h3{
  font-size:24px!important;
}

.match-pill,
.count-pill{
  font-size:8.5px!important;
  padding:8px 10px!important;
}

.match-score{
  margin-top:20px!important;
  padding:14px!important;
}

.match-score-top span{
  font-size:8.5px!important;
}

.match-score-top strong{
  font-size:9.5px!important;
}

.source-meta-grid{
  margin-top:14px!important;
  gap:9px!important;
}

.source-meta-grid>div{
  padding:15px!important;
  border-radius:12px!important;
}

.source-meta-grid span{
  font-size:8.5px!important;
}

.source-meta-grid strong{
  margin-top:6px!important;
  font-size:11px!important;
}

.no-exact-offer{
  padding:17px!important;
  border-radius:13px!important;
}

.no-exact-offer strong{font-size:11px!important}
.no-exact-offer p{font-size:9.5px!important}

.result-grid{
  margin-top:16px!important;
  gap:16px!important;
}

.offers-list{
  margin-top:18px!important;
  gap:9px!important;
}

.offer-row{
  padding:14px!important;
  border-radius:12px!important;
}

.offer-source strong{font-size:11px!important}
.offer-source span{font-size:8.5px!important}
.offer-price strong{font-size:15px!important}
.offer-price small{font-size:7.5px!important}

.offer-link{
  width:36px!important;
  height:36px!important;
}

.score-ring{
  width:80px!important;
  height:80px!important;
  font-size:22px!important;
}

.score-row{
  font-size:9.5px!important;
}

.insight-box{
  padding:15px!important;
}

.insight-box span{font-size:8.5px!important}
.insight-box p{font-size:9.5px!important}

/* Smart section */
.smart-section{
  margin-top:76px!important;
}

.section-heading-row h2,
.section-heading h2,
.decision-copy h2,
.business-copy h2{
  font-size:clamp(40px,4.7vw,62px)!important;
  line-height:1.03!important;
  letter-spacing:-.045em!important;
}

.section-heading-row p,
.section-heading p{
  margin-top:12px!important;
  font-size:12px!important;
  line-height:1.7!important;
}

.smart-grid{
  margin-top:28px!important;
  gap:14px!important;
}

.smart-card{
  min-height:262px!important;
  padding:21px!important;
  border-radius:17px!important;
}

.smart-icon{
  width:41px!important;
  height:41px!important;
  font-size:18px!important;
}

.smart-label{
  margin-top:17px!important;
  font-size:7.5px!important;
}

.smart-card h3{
  font-size:17px!important;
}

.smart-result{
  font-size:9.5px!important;
}

.small-action{
  padding:10px 11px!important;
  font-size:8.5px!important;
}

.inline-field>span{
  font-size:8.5px!important;
}

.inline-field input{
  height:41px!important;
  font-size:10.5px!important;
}

.points-line{
  font-size:8.5px!important;
}

/* Process */
.content-section{
  padding:108px 0!important;
}

.process-grid{
  margin-top:38px!important;
  gap:14px!important;
}

.process-grid article{
  min-height:240px!important;
  padding:25px!important;
  border-radius:17px!important;
}

.process-grid article>span{
  font-size:9.5px!important;
}

.process-grid h3{
  margin-top:29px!important;
  font-size:20px!important;
}

.process-grid p{
  font-size:10.5px!important;
  line-height:1.7!important;
}

/* Dark decision */
.decision-section{
  padding:102px 0!important;
}

.decision-layout{
  gap:82px!important;
}

.decision-copy p{
  margin-top:20px!important;
  font-size:14px!important;
  line-height:1.75!important;
}

.decision-list{
  margin-top:32px!important;
  gap:15px!important;
}

.decision-list strong{
  font-size:11px!important;
}

.decision-list small{
  font-size:8.5px!important;
}

.decision-dashboard{
  padding:27px!important;
  border-radius:20px!important;
}

.dashboard-top span{font-size:7.5px!important}
.dashboard-top strong{font-size:11px!important}
.dashboard-offer{
  padding:17px 0!important;
}
.dashboard-offer span{font-size:11px!important}
.dashboard-offer small{font-size:8.5px!important}
.dashboard-offer>strong{font-size:20px!important}
.dashboard-bottom{
  margin-top:18px!important;
  padding:15px!important;
}
.dashboard-bottom span{font-size:8.5px!important}
.dashboard-bottom strong{font-size:17px!important}

/* Business */
.business-section{
  padding:102px 0!important;
}

.business-card{
  padding:42px!important;
  gap:50px!important;
  border-radius:24px!important;
  box-shadow:var(--ref-shadow)!important;
}

.business-copy p{
  margin-top:17px!important;
  font-size:12px!important;
  line-height:1.7!important;
}

.business-features{
  gap:12px!important;
}

.business-features>div{
  padding:17px!important;
  border-radius:13px!important;
}

.business-features strong{font-size:11px!important}
.business-features span{font-size:8.5px!important}

/* Roadmap */
.feature-status-legend{
  margin-top:26px!important;
  margin-bottom:18px!important;
  font-size:8.5px!important;
}

.registry-grid{
  gap:11px!important;
}

.registry-card{
  min-height:178px!important;
  padding:17px!important;
  border-radius:15px!important;
}

.registry-number{font-size:7.5px!important}
.registry-status{font-size:6.5px!important}
.registry-card h3{font-size:14px!important}
.registry-card p{font-size:8.5px!important;line-height:1.62!important}
.registry-card small{font-size:6.5px!important}

/* FAQ */
.faq-section{
  padding-bottom:120px!important;
}

.faq-list{
  margin-top:32px!important;
}

.faq-list details{
  padding:22px 0!important;
}

.faq-list summary{
  font-size:15px!important;
}

.faq-list p{
  margin-top:11px!important;
  font-size:10.5px!important;
  line-height:1.7!important;
}

/* Footer */
.footer-layout{
  min-height:164px!important;
}

.footer-layout>div:first-child>p{
  font-size:9.5px!important;
}

.footer-links a,
.footer-meta{
  font-size:8.5px!important;
}

/* Modals */
.modal-card{
  padding:25px!important;
  border-radius:20px!important;
}

.modal-card h2{
  font-size:25px!important;
}

.modal-product-preview{
  padding:15px!important;
}

.modal-product-preview strong{font-size:11px!important}
.modal-product-preview span{font-size:8.5px!important}
.modal-note{font-size:8.5px!important}

.collection-main strong{font-size:9.5px!important}
.collection-main span{font-size:7.5px!important}
.collection-price{font-size:10.5px!important}

/* Micro-interactions */
.search-card,
.panel,
.smart-card,
.process-grid article,
.business-card,
.registry-card{
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}

.search-card:hover{
  transform:translateY(-2px);
}

.panel:hover,
.process-grid article:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 35px rgba(23,39,61,.07);
}

.business-features>div{
  transition:.2s ease;
}
.business-features>div:hover{
  transform:translateY(-2px);
  border-color:var(--ref-line-strong);
  background:#fff;
}

/* Better focus */
button:focus-visible,
a:focus-visible,
input:focus-visible{
  outline:3px solid rgba(23,166,106,.16);
  outline-offset:2px;
}

/* Responsive refinements */
@media (max-width:1120px){
  .hero-layout{gap:52px!important}
  .hero h1{font-size:clamp(56px,7vw,82px)!important}
}

@media (max-width:920px){
  .hero{
    padding-top:74px!important;
  }

  .hero h1{
    font-size:clamp(54px,10vw,78px)!important;
  }

  .hero-lead{
    font-size:18px!important;
  }

  .search-card{
    padding:30px!important;
  }
}

@media (max-width:700px){
  body{font-size:15px!important}

  .hero{
    padding-top:52px!important;
    padding-bottom:56px!important;
  }

  .hero h1{
    font-size:clamp(46px,13.5vw,66px)!important;
    line-height:.97!important;
  }

  .hero-lead{
    font-size:16px!important;
  }

  .search-card,
  .research-card,
  .panel,
  .result-summary{
    padding:20px!important;
  }

  .search-card h2{
    font-size:25px!important;
  }

  .result-verdict{
    font-size:31px!important;
  }

  .section-heading-row h2,
  .section-heading h2,
  .decision-copy h2,
  .business-copy h2{
    font-size:40px!important;
  }

  .content-section{
    padding:78px 0!important;
  }

  .decision-section,
  .business-section{
    padding:78px 0!important;
  }

  .business-card{
    padding:24px!important;
  }

  .registry-card{
    min-height:auto!important;
  }
}

.main-nav a.active-nav{color:var(--ref-ink)!important}
.main-nav a.active-nav:after{left:0!important;right:0!important}
.search-card:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.24;
  background:radial-gradient(circle at var(--pointer-x,75%) var(--pointer-y,18%),rgba(23,166,106,.13),transparent 28%);
  transition:opacity .2s ease;
}


/* ===== v07-fixes.css ===== */

/* =========================================================
   v0.7 — FUNCTIONAL HUBS + READABILITY
   ========================================================= */

/* Slightly larger and more readable overall text */
body{
  font-size:16.5px!important;
}

.main-nav a{
  font-size:13.5px!important;
}

.hero-lead{
  font-size:20px!important;
  line-height:1.75!important;
}

.hero-benefits strong{
  font-size:12.5px!important;
}

.hero-benefits small{
  font-size:10px!important;
}

.hero-note strong{
  font-size:11.5px!important;
}

.hero-note span{
  font-size:10px!important;
}

.search-card-top p{
  font-size:12.5px!important;
}

.field-label{
  font-size:11.5px!important;
}

.url-input input{
  font-size:13.5px!important;
}

.field-help,
.search-trust{
  font-size:9.5px!important;
}

.section-label{
  font-size:10px!important;
}

.section-heading-row p,
.section-heading p,
.business-copy p{
  font-size:12.5px!important;
}

.process-grid p{
  font-size:11px!important;
}

.smart-result{
  font-size:10px!important;
}

.registry-card p{
  font-size:9px!important;
}

.faq-list p{
  font-size:11px!important;
}

/* Always-visible hubs */
.hub-section{
  padding:105px 0;
}

.hub-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
}

.hub-heading>div:first-child{
  max-width:760px;
}

.hub-heading h2{
  margin:8px 0 0;
  font-family:var(--ref-font-display);
  font-size:clamp(42px,4.8vw,64px);
  line-height:1.03;
  letter-spacing:-.048em;
}

.hub-heading p{
  max-width:710px;
  margin:13px 0 0;
  color:var(--ref-muted);
  font-size:13px;
  line-height:1.72;
}

.hub-primary-link{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  flex:none;
  padding:0 16px;
  border-radius:11px;
  color:#fff;
  background:var(--ref-ink);
  font-size:11px;
  font-weight:700;
  box-shadow:0 9px 20px rgba(23,39,61,.11);
  transition:.2s ease;
}

.hub-primary-link:hover{
  transform:translateY(-1px);
  background:#17263a;
}

.product-hub-stats{
  margin-top:30px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}

.product-hub-stats>div{
  padding:20px;
  border:1px solid var(--ref-line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 6px 22px rgba(23,39,61,.035);
}

.product-hub-stats span,
.product-hub-stats strong{
  display:block;
}

.product-hub-stats span{
  color:var(--ref-muted);
  font-size:10px;
  font-weight:600;
}

.product-hub-stats strong{
  margin-top:8px;
  font-family:var(--ref-font-display);
  font-size:27px;
  letter-spacing:-.035em;
}

.product-hub-list{
  margin-top:14px;
  display:grid;
  gap:10px;
}

.hub-empty{
  min-height:280px;
  display:grid;
  place-items:center;
  align-content:center;
  padding:34px;
  text-align:center;
  border:1px dashed #ccd5df;
  border-radius:18px;
  background:rgba(255,255,255,.62);
}

.hub-empty-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:var(--ref-green-2);
  background:#eaf7f1;
  font-size:18px;
}

.hub-empty h3{
  margin:15px 0 0;
  font-family:var(--ref-font-display);
  font-size:19px;
}

.hub-empty p{
  max-width:560px;
  margin:8px 0 0;
  color:var(--ref-muted);
  font-size:11px;
  line-height:1.65;
}

.hub-empty a{
  margin-top:17px;
  color:var(--ref-green-2);
  font-size:11px;
  font-weight:700;
}

.product-hub-card{
  display:grid;
  grid-template-columns:42px 1fr auto;
  align-items:center;
  gap:17px;
  padding:17px 18px;
  border:1px solid var(--ref-line);
  border-radius:15px;
  background:#fff;
  box-shadow:0 5px 18px rgba(23,39,61,.025);
  transition:.2s ease;
}

.product-hub-card:hover{
  transform:translateY(-1px);
  border-color:var(--ref-line-strong);
  box-shadow:0 12px 28px rgba(23,39,61,.06);
}

.product-hub-index{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:11px;
  color:#6f7c8d;
  background:#f3f6f9;
  font-size:9px;
  font-weight:800;
}

.product-hub-main{
  min-width:0;
}

.product-hub-title-row{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
}

.product-hub-title-row>div{
  min-width:0;
}

.product-hub-title-row span:first-child{
  display:block;
  color:#8893a2;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.product-hub-title-row h3{
  margin:4px 0 0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-family:var(--ref-font-display);
  font-size:15px;
  letter-spacing:-.02em;
}

.product-hub-status{
  flex:none;
  padding:6px 8px;
  border-radius:99px;
  color:#727e8d;
  background:#f2f5f8;
  font-size:8px;
  font-weight:700;
}

.product-hub-status.saving{
  color:var(--ref-green-2);
  background:#eaf7f1;
}

.product-hub-meta{
  margin-top:10px;
  display:flex;
  flex-wrap:wrap;
  gap:9px 18px;
}

.product-hub-meta span{
  color:#536174;
  font-size:9px;
}

.product-hub-meta b{
  margin-right:5px;
  color:#929cab;
  font-size:7.5px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.product-hub-actions{
  min-width:150px;
  display:grid;
  gap:6px;
}

.product-hub-actions a,
.product-hub-actions button{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  border-radius:9px;
  font-size:8.5px;
  font-weight:700;
  transition:.2s ease;
}

.product-hub-actions a{
  border:1px solid #c8e8d9;
  color:var(--ref-green-2);
  background:#f4fcf8;
}

.product-hub-actions button{
  border:1px solid var(--ref-line);
  color:#536174;
  background:#fff;
}

.product-hub-actions a:hover,
.product-hub-actions button:hover:not(:disabled){
  transform:translateY(-1px);
}

.product-hub-actions button:disabled{
  opacity:.48;
  cursor:not-allowed;
}

/* Smart Hub */
.smart-hub-section{
  width:100%;
  padding:100px 0;
  background:#0c1727;
  color:#fff;
}

.smart-hub-inner{
  width:min(calc(100% - 40px),var(--max));
}

.smart-hub-section .section-label{
  color:#8ad9b5;
}

.smart-hub-section .hub-heading p{
  color:#a6b1c1;
}

.hub-beta-badge{
  flex:none;
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:99px;
  color:#9ce0c0;
  background:rgba(23,166,106,.09);
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
}

.smart-hub-grid{
  margin-top:31px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}

.smart-hub-card{
  min-height:250px;
  padding:22px;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  background:rgba(255,255,255,.035);
  transition:.2s ease;
}

.smart-hub-card:hover{
  transform:translateY(-3px);
  border-color:rgba(138,217,181,.24);
  background:rgba(255,255,255,.052);
}

.smart-hub-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(23,166,106,.14);
  color:#9be0bf;
  font-size:18px;
}

.smart-hub-card>span{
  margin-top:18px;
  color:#718095;
  font-size:8px;
  font-weight:800;
  letter-spacing:.09em;
}

.smart-hub-card h3{
  margin:5px 0 0;
  font-family:var(--ref-font-display);
  font-size:18px;
}

.smart-hub-card p{
  margin:10px 0 0;
  color:#9eabba;
  font-size:10.5px;
  line-height:1.65;
}

.smart-hub-card button{
  min-height:38px;
  margin-top:auto;
  padding:0;
  border:0;
  text-align:left;
  color:#91dfba;
  background:transparent;
  font-size:10px;
  font-weight:700;
}

.smart-hub-card button:hover{
  color:#c8f3df;
}

.smart-hub-info{
  margin-top:13px;
  padding:15px 17px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:13px;
  background:rgba(255,255,255,.025);
}

.smart-hub-info>div{
  display:flex;
  align-items:flex-start;
  gap:10px;
}

.smart-hub-info i{
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  flex:none;
  border-radius:50%;
  background:rgba(23,166,106,.14);
  color:#9be0bf;
  font-size:9px;
  font-style:normal;
  font-weight:800;
}

.smart-hub-info p{
  margin:1px 0 0;
  color:#91a0b2;
  font-size:9.5px;
  line-height:1.6;
}

.smart-hub-info strong{
  color:#dbe3ec;
}

/* Anchor offset under sticky header */
#produkty,
#smart-zakupy,
#jak-dziala,
#dla-firm,
#faq,
#start{
  scroll-margin-top:88px;
}

@media(max-width:1000px){
  .smart-hub-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .product-hub-card{
    grid-template-columns:38px 1fr;
  }

  .product-hub-actions{
    grid-column:2;
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:700px){
  body{
    font-size:16px!important;
  }

  .hero-lead{
    font-size:17px!important;
  }

  .hub-section{
    padding:76px 0;
  }

  .hub-heading{
    align-items:flex-start;
    flex-direction:column;
  }

  .hub-heading h2{
    font-size:40px;
  }

  .hub-heading p{
    font-size:12px;
  }

  .product-hub-stats,
  .smart-hub-grid{
    grid-template-columns:1fr;
  }

  .product-hub-card{
    grid-template-columns:1fr;
    padding:16px;
  }

  .product-hub-index{
    display:none;
  }

  .product-hub-actions{
    grid-column:auto;
    grid-template-columns:1fr;
  }

  .product-hub-title-row{
    gap:8px;
  }

  .product-hub-title-row h3{
    white-space:normal;
  }

  .smart-hub-section{
    padding:76px 0;
  }

  .smart-hub-inner{
    width:min(calc(100% - 24px),var(--max));
  }

  .smart-hub-card{
    min-height:220px;
  }
}


/* ===== monetization.css ===== */
.affiliate-disclosure{width:min(100%,920px);margin:14px auto 0;display:flex;gap:8px;justify-content:center;color:#687486;font-size:9px}.affiliate-disclosure p{margin:0}.revenue-ad-slot{margin:15px 0;padding:12px;border:1px solid var(--ref-line);border-radius:14px;background:#fff}.revenue-ad-slot>span{display:block;margin-bottom:8px;color:#9aa3af;font-size:6.5px;font-weight:800;letter-spacing:.12em}.sponsored-box{margin:15px 0;padding:20px;border:1px solid #e2d8bb;border-radius:16px;background:#fffdf8}.sponsored-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:11px}.sponsored-head span{color:#8b6d18;font-size:7px;font-weight:800;letter-spacing:.1em}.sponsored-head h3{margin:5px 0 0;font-family:var(--ref-font-display);font-size:17px}.sponsored-head small{color:#929ba8;font-size:8px}.sponsored-list{display:grid;gap:7px}.sponsored-list a{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px;border:1px solid #eee5cc;border-radius:11px;background:#fff}.sponsored-list span,.sponsored-list strong,.sponsored-list small{display:block}.sponsored-list span{color:#95771e;font-size:6.5px;font-weight:800}.sponsored-list strong{margin-top:3px;font-size:10px}.sponsored-list small{margin-top:3px;color:#8b94a1;font-size:7.5px}.sponsored-list b{color:#745d16;font-size:10px;white-space:nowrap}.coupon-actions{margin-top:10px;display:grid;gap:6px}.coupon-chip{padding:9px 10px;display:flex;justify-content:space-between;gap:10px;border:1px dashed #bedfce;border-radius:9px;background:#f5fcf8;color:#405b4f}.coupon-chip span,.coupon-chip strong{font-size:8px}.coupon-chip strong{color:var(--ref-green-2)}.partner-lead-form{grid-column:1/-1;margin-top:12px;padding:24px;border:1px solid var(--ref-line);border-radius:16px;background:#f8fafc}.partner-lead-head h3{margin:6px 0 0;font-family:var(--ref-font-display);font-size:21px}.partner-lead-head p{margin:7px 0 0;color:#6b7688;font-size:10px}.partner-lead-grid{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:11px}.partner-lead-grid label{display:grid;gap:6px}.partner-lead-grid label>span{color:#667085;font-size:8px;font-weight:700}.partner-wide{grid-column:1/-1}.partner-lead-grid input,.partner-lead-grid textarea{width:100%;border:1px solid var(--ref-line);border-radius:10px;background:#fff;padding:10px 11px;font:inherit;font-size:10px;outline:0}.partner-lead-grid input{height:43px}.partner-lead-submit{min-height:42px;margin-top:13px;padding:0 14px;border:0;border-radius:10px;background:var(--ref-ink);color:#fff;font-size:9px;font-weight:700}.partner-lead-status{min-height:17px;margin-top:10px;font-size:9px}.partner-lead-status.success{color:#128054}.partner-lead-status.error{color:#c13e50}.monetization-transparency{padding:12px 0 92px}.monetization-transparency-card{padding:34px;display:grid;grid-template-columns:1.3fr .7fr;gap:34px;align-items:center;border:1px solid var(--ref-line);border-radius:20px;background:#fff}.monetization-transparency-card h2{margin:7px 0 0;font-family:var(--ref-font-display);font-size:clamp(32px,4vw,48px);letter-spacing:-.045em}.monetization-transparency-card p{margin:11px 0 0;color:#667386;font-size:11px;line-height:1.7}.monetization-pill-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.monetization-pill-grid span{padding:10px;border:1px solid var(--ref-line);border-radius:10px;background:#f8fafc;color:#5d697a;font-size:8px;font-weight:700;text-align:center}@media(max-width:800px){.monetization-transparency-card,.partner-lead-grid{grid-template-columns:1fr}.partner-wide{grid-column:auto}.sponsored-head{flex-direction:column}}

/* ===== cenaradar.css ===== */

/* CenaRadar v1.0 — brand layer */

.brand-symbol{
  background:
    radial-gradient(circle at center, transparent 0 24%, rgba(255,255,255,.14) 25% 26%, transparent 27% 45%, rgba(255,255,255,.11) 46% 47%, transparent 48%),
    linear-gradient(145deg,#0b1626,#102b38);
  position:relative;
  overflow:hidden;
}
.brand-symbol::after{
  content:"";
  position:absolute;
  width:24px;
  height:1px;
  left:50%;
  top:50%;
  transform-origin:left center;
  transform:rotate(-35deg);
  background:linear-gradient(90deg,#43d69a,transparent);
  opacity:.9;
}
.brand-text strong{
  letter-spacing:-.035em;
}
.brand-text small{
  letter-spacing:.14em;
}
.brand-tagline{
  margin:13px 0 0;
  color:#728094;
  font-size:10px;
  font-weight:650;
}
.brand-tagline::before{
  content:"";
  display:inline-block;
  width:18px;
  height:2px;
  margin-right:8px;
  vertical-align:middle;
  border-radius:999px;
  background:#1ba66b;
}
.hero h1 span{
  position:relative;
}
.hero h1 span::after{
  content:"";
  position:absolute;
  left:2px;
  right:0;
  bottom:-7px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#18a768 0 38%,rgba(24,167,104,0) 82%);
  opacity:.55;
}
@media(max-width:700px){
  .brand-tagline{font-size:9px}
}



/* ==========================================================
   CenaRadar v1.4 — CLEAN UI
   ========================================================== */

.site-header-inner{
  grid-template-columns:auto 1fr auto!important;
  gap:44px!important;
}

.main-nav{
  justify-self:center!important;
  gap:34px!important;
}

.main-nav a{
  white-space:nowrap;
  font-size:11.5px!important;
}

.header-actions{
  min-width:max-content;
}

.header-cta{
  min-height:41px!important;
  padding:0 18px!important;
  white-space:nowrap;
}

.app-internal-triggers{
  display:none!important;
}

/* Legal/navigation clutter intentionally lives in the footer. */
.footer-layout-clean{
  min-height:190px!important;
  grid-template-columns:1.45fr .75fr 1.05fr auto!important;
  align-items:start!important;
  padding-top:42px!important;
  padding-bottom:38px!important;
}

.footer-brand-block p{
  max-width:260px;
  margin:12px 0 0!important;
  color:#7b8797!important;
  font-size:9.5px!important;
  line-height:1.6;
}

.footer-group{
  display:grid;
  align-content:start;
  gap:8px;
}

.footer-group>strong{
  margin-bottom:4px;
  color:#273548;
  font-family:var(--ref-font-display,"Plus Jakarta Sans",sans-serif);
  font-size:9.5px;
  font-weight:750;
}

.footer-group a,
.footer-group button{
  width:max-content;
  max-width:100%;
  color:#707c8d!important;
  font-size:8.7px!important;
  line-height:1.45;
}

.footer-group a:hover,
.footer-group button:hover{
  color:#172538!important;
}

.footer-cookie-button{
  padding:0;
  border:0;
  background:transparent;
  font:inherit;
  cursor:pointer;
  text-align:left;
}

.footer-meta{
  align-self:start!important;
  padding-top:3px;
  justify-items:end!important;
  gap:7px!important;
  color:#99a2ae!important;
}

/* Keep the top bar calm and balanced on common laptop widths. */
@media (max-width:1180px){
  .site-header-inner{
    gap:24px!important;
  }

  .main-nav{
    gap:21px!important;
  }

  .main-nav a{
    font-size:10.5px!important;
  }
}

@media (max-width:920px){
  .main-nav{
    display:none!important;
  }

  .site-header-inner{
    grid-template-columns:1fr auto!important;
  }

  .footer-layout-clean{
    grid-template-columns:1.2fr 1fr 1fr!important;
  }

  .footer-meta{
    grid-column:1/-1;
    justify-items:start!important;
    padding-top:12px;
  }
}

@media (max-width:650px){
  .footer-layout-clean{
    grid-template-columns:1fr!important;
    justify-items:start!important;
    text-align:left!important;
    gap:25px!important;
  }

  .footer-meta{
    grid-column:auto;
  }

  .header-cta{
    min-height:37px!important;
    padding:0 12px!important;
    font-size:8.5px!important;
  }
}


/* ==========================================================
   CenaRadar v1.5 — RADAR OKAZJI
   ========================================================== */
.deal-radar-section{
  padding-top:42px;
  padding-bottom:62px;
}

.deal-radar-head{
  display:flex;
  justify-content:space-between;
  gap:35px;
  align-items:end;
  margin-bottom:18px;
}

.deal-radar-head h2{
  max-width:760px;
  margin:7px 0 0;
  font-family:var(--ref-font-display,"Plus Jakarta Sans",sans-serif);
  font-size:clamp(27px,3vw,39px);
  line-height:1.08;
  letter-spacing:-.045em;
}

.deal-radar-head p{
  max-width:680px;
  margin:10px 0 0;
  color:#6c7889;
  font-size:10.5px;
  line-height:1.65;
}

.deal-radar-all{
  flex:none;
  margin-bottom:4px;
  padding:10px 12px;
  border:1px solid #dfe6ed;
  border-radius:10px;
  background:#fff;
  color:#344155;
  font-size:9px;
  font-weight:700;
}

.home-deals-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.home-deal-card,
.deal-empty-card{
  min-width:0;
  padding:17px;
  border:1px solid #e0e6ed;
  border-radius:15px;
  background:#fff;
  box-shadow:0 8px 24px rgba(18,36,57,.035);
}

.home-deal-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.home-deal-top>span{
  padding:5px 7px;
  border-radius:999px;
  background:#edf9f3;
  color:#15895b;
  font-size:7.5px;
  font-weight:800;
}

.home-deal-top small{
  color:#8b95a3;
  font-size:7.5px;
}

.home-deal-card h3{
  min-height:43px;
  margin:12px 0 0;
  color:#243246;
  font-family:var(--ref-font-display,"Plus Jakarta Sans",sans-serif);
  font-size:12px;
  line-height:1.45;
}

.home-deal-prices{
  display:flex;
  align-items:baseline;
  gap:9px;
  margin-top:13px;
}

.home-deal-prices s{
  color:#9aa3ae;
  font-size:9px;
}

.home-deal-prices strong{
  color:#0b1626;
  font-family:var(--ref-font-display,"Plus Jakarta Sans",sans-serif);
  font-size:19px;
  letter-spacing:-.04em;
}

.home-deal-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:13px;
  padding-top:12px;
  border-top:1px solid #edf1f4;
}

.home-deal-bottom span{
  color:#14845a;
  font-size:7.5px;
  font-weight:700;
}

.home-deal-bottom a{
  color:#172538;
  font-size:8px;
  font-weight:750;
}

.deal-empty-card{
  grid-column:1/-1;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  min-height:92px;
  text-align:center;
}

.deal-empty-card strong{
  color:#2b394c;
  font-size:10px;
}

.deal-empty-card span{
  color:#87919e;
  font-size:8.5px;
}

.deal-radar-note{
  margin-top:10px;
  color:#939ca8;
  font-size:7.5px;
  text-align:right;
}

@media(max-width:850px){
  .deal-radar-head{align-items:flex-start;flex-direction:column}
  .home-deals-grid{grid-template-columns:1fr}
  .deal-radar-note{text-align:left}
}

/* CenaRadar v1.6 — alerty cenowe e-mail */
.alert-email-field{margin-top:12px}
.email-input-wrap{display:block!important}
.email-input-wrap input{width:100%!important;padding-right:12px!important}
.alert-consent-row{margin:11px 0 0;display:flex;align-items:flex-start;gap:9px;color:#697587;font-size:8.5px;line-height:1.55;cursor:pointer}
.alert-consent-row input{flex:none;width:16px;height:16px;margin-top:1px;accent-color:#169d65}
#watchEmailStatus{min-height:18px;margin-top:9px}
#saveWatchBtn:disabled{opacity:.55;cursor:wait}

/* ==========================================================
   CenaRadar v1.7 — ACCOUNTS
   ========================================================== */
.header-account{
  min-height:39px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 13px;
  border:1px solid #dfe5ec;
  border-radius:10px;
  background:#fff;
  color:#536174;
  font-size:8.5px;
  font-weight:750;
  white-space:nowrap;
}
.header-account:hover{border-color:#c8d2dd;color:#172538}
@media(max-width:650px){.header-account{display:none}}

/* ===== v2.0 — SCREEN / IMAGE INPUT ===== */
.search-mode-switch{
  position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px;padding:5px;
  border:1px solid #e1e7ee;border-radius:15px;background:#f4f7f9
}
.search-mode-btn{
  position:relative;min-width:0;min-height:62px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;
  padding:10px 12px;border:1px solid transparent;border-radius:11px;background:transparent;color:#6a7484;text-align:left;transition:.2s ease
}
.search-mode-btn:hover{color:#263348;background:rgba(255,255,255,.68)}
.search-mode-btn.active{border-color:#dbe4ea;background:#fff;color:var(--ink);box-shadow:0 6px 16px rgba(23,39,61,.07)}
.search-mode-btn>span:nth-child(2){min-width:0}
.search-mode-btn strong,.search-mode-btn small{display:block}
.search-mode-btn strong{font:700 11px/1.25 "Plus Jakarta Sans",sans-serif}
.search-mode-btn small{margin-top:3px;color:#929ba8;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-mode-btn em{
  padding:5px 6px;border-radius:999px;background:#e9f8f1;color:var(--green-2);font-size:6.5px;font-style:normal;font-weight:800;letter-spacing:.07em
}
.search-mode-icon{
  width:32px;height:32px;display:grid;place-items:center;border:1px solid #e3e8ef;border-radius:9px;background:#fff;color:#657083;font-size:15px;font-weight:700
}
.search-mode-btn.active .search-mode-icon{border-color:#cae9da;background:#effaf4;color:var(--green-2)}
.camera-icon:before{
  content:"";width:15px;height:11px;border:1.7px solid currentColor;border-radius:3px;box-sizing:border-box
}
.camera-icon:after{
  content:"";position:absolute;width:5px;height:5px;border:1.5px solid currentColor;border-radius:50%;box-sizing:border-box
}
.camera-icon{position:relative}
.camera-icon span{display:none}
.mode-panel{display:none}
.mode-panel.active{display:block}
.mode-panel[hidden]{display:none!important}

.image-drop-zone{
  position:relative;display:block;min-height:248px;padding:15px;border:1.5px dashed #cfd8e2;border-radius:17px;background:linear-gradient(180deg,#fbfcfd,#f7f9fb);
  cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease
}
.image-drop-zone:hover,.image-drop-zone.is-dragover{
  border-color:rgba(23,166,106,.62);background:#f7fcf9;box-shadow:0 0 0 4px rgba(23,166,106,.06)
}
.image-drop-zone.is-dragover{transform:translateY(-1px)}
.image-drop-empty{min-height:216px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 16px}
.image-drop-icon{
  position:relative;width:58px;height:58px;display:grid;place-items:center;margin-bottom:15px;border-radius:18px;background:#101a2a;color:#fff;
  box-shadow:0 13px 28px rgba(12,21,36,.14)
}
.image-drop-camera{position:relative;width:24px;height:18px;border:2px solid currentColor;border-radius:5px}
.image-drop-camera:before{content:"";position:absolute;left:6px;top:-5px;width:9px;height:5px;border-radius:3px 3px 0 0;background:currentColor}
.image-drop-camera:after{content:"";position:absolute;left:7px;top:4px;width:7px;height:7px;border:2px solid currentColor;border-radius:50%;box-sizing:border-box}
.image-drop-icon>i{position:absolute;width:8px;height:8px;right:8px;top:8px;border-radius:50%;background:#42d18e;box-shadow:0 0 0 4px rgba(66,209,142,.15)}
.image-drop-empty>strong{font:700 15px/1.35 "Plus Jakarta Sans",sans-serif;color:#263348}
.image-drop-empty>p{max-width:350px;margin:6px 0 13px;color:#7d8795;font-size:10.5px;line-height:1.55}
.image-drop-empty kbd{display:inline-block;padding:1px 4px;border:1px solid #dce3ea;border-bottom-width:2px;border-radius:5px;background:#fff;color:#5f6b7a;font:700 8px/1.5 "Inter",sans-serif;box-shadow:0 1px 1px rgba(23,39,61,.04)}
.image-choose-btn{padding:9px 13px;border:1px solid #d9e1e8;border-radius:10px;background:#fff;color:#475569;font-size:9.5px;font-weight:700;box-shadow:0 4px 10px rgba(23,39,61,.04)}
.image-choose-btn:hover{border-color:#bddfce;color:var(--green-2);background:#fbfffd}
.image-drop-empty>small{margin-top:10px;color:#a0a8b4;font-size:8.5px}

.image-preview-card{min-height:216px;display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:18px;padding:8px}
.image-preview-frame{position:relative;width:150px;height:190px;overflow:hidden;border:1px solid #e0e5ea;border-radius:13px;background:#eef1f4}
.image-preview-frame img{width:100%;height:100%;display:block;object-fit:cover}
.image-preview-scan{position:absolute;left:8px;right:8px;top:12%;height:1px;background:linear-gradient(90deg,transparent,#59d59a,transparent);box-shadow:0 0 12px rgba(89,213,154,.85);animation:imageScan 2.8s ease-in-out infinite}
@keyframes imageScan{0%,100%{top:12%;opacity:.45}50%{top:86%;opacity:1}}
.image-preview-copy{min-width:0}
.image-ready-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;background:#eaf8f0;color:#18754f;font-size:7px;font-weight:800;letter-spacing:.06em}
.image-ready-badge i{width:5px;height:5px;border-radius:50%;background:#22b573}
.image-preview-copy>strong{display:block;margin-top:13px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 13px/1.35 "Plus Jakarta Sans",sans-serif;color:#263348}
.image-preview-copy>p{margin:5px 0 0;color:#87909e;font-size:9.5px}
.image-preview-copy>small{display:block;max-width:270px;margin-top:13px;color:#74808f;font-size:9px;line-height:1.55}
.image-remove-btn{align-self:start;margin:5px 4px 0 0;padding:7px 9px;border:1px solid #e3e7ec;border-radius:9px;background:#fff;color:#818b98;font-size:8.5px;font-weight:700}
.image-remove-btn:hover{border-color:#ffcfd5;background:#fff8f9;color:#b64554}
.image-privacy-note{display:flex;align-items:flex-start;gap:9px;margin-top:9px;padding:10px 11px;border-radius:11px;background:#f7f9fb;color:#7a8593}
.image-privacy-note>span{width:23px;height:23px;display:grid;place-items:center;flex:none;border-radius:7px;background:#eef3f1;color:#348466;font-weight:800}
.image-privacy-note p{margin:0}
.image-privacy-note strong,.image-privacy-note small{display:block}
.image-privacy-note strong{color:#5a6676;font-size:8.5px}
.image-privacy-note small{margin-top:2px;font-size:8px;line-height:1.45}
.image-frontend-notice{margin-top:10px;padding:11px 12px;border:1px solid #cfeadf;border-radius:11px;background:#f3fbf7;color:#4d6e5f;font-size:9px;line-height:1.5}
.image-frontend-notice strong,.image-frontend-notice span{display:block}
.image-frontend-notice strong{color:#277154;margin-bottom:2px}

.search-card.image-mode .live-badge{background:#eef3ff;color:#3858bd}
.search-card.image-mode .live-badge i{background:#5273db}
.search-card.image-mode:before{background:rgba(49,87,213,.055)}

@media (max-width:700px){
  .search-mode-switch{grid-template-columns:1fr;margin-top:18px}
  .search-mode-btn{min-height:56px}
  .image-drop-zone{min-height:230px;padding:10px}
  .image-drop-empty{min-height:208px;padding:20px 12px}
  .image-preview-card{grid-template-columns:94px 1fr;gap:12px;min-height:208px;padding:5px}
  .image-preview-frame{width:94px;height:145px}
  .image-remove-btn{grid-column:1/-1;justify-self:stretch;margin:0;text-align:center}
  .image-preview-copy>strong{max-width:180px}
  .image-preview-copy>small{font-size:8.5px}
}


/* CenaRadar v2.1 — official illustrated logo */
.brand-logo-link{
  display:inline-flex;
  align-items:center;
  min-width:0;
}
.brand-logo-img{
  display:block;
  width:190px;
  height:auto;
  max-height:44px;
  object-fit:contain;
  object-position:left center;
}
.site-header .brand-logo-img{width:184px}
.footer-brand .brand-logo-img{width:176px}
@media(max-width:700px){
  .site-header .brand-logo-img{width:152px;max-height:38px}
  .footer-brand .brand-logo-img{width:160px}
}
