/* ============================================================ TITLE TAG LENGTH CHECKER — titletaglengthchecker.css UnitConverterTool.com | Dark theme | Rose accent #F43F5E External stylesheet — Elementor Custom Code () ============================================================ */ /* === RANK MATH BREADCRUMB === */ .rank-math-breadcrumb{max-width:1000px;margin:0 auto;padding:12px 20px;font-family:'DM Sans',sans-serif;font-size:13px} .rank-math-breadcrumb a{color:#5A7090;text-decoration:none} .rank-math-breadcrumb a:hover{color:#F43F5E} .rank-math-breadcrumb .separator{color:#374B64;margin:0 8px} .rank-math-breadcrumb .last{color:#8899AA} /* === WRAPPER === */ .uct-widget-wrap{background:#0A0F1C;font-family:'DM Sans',sans-serif;color:#C8D8E8;overflow-x:hidden;width:100%;box-sizing:border-box} .uct-widget-wrap *{box-sizing:border-box} .uct-widget-wrap a{text-decoration:none} .uct-inner{max-width:1180px;margin:0 auto;padding:0 20px} /* === SHARED LABELS / TITLES === */ .uct-eyebrow{display:block;text-align:center;color:#F43F5E;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px} .uct-h2{text-align:center;color:#fff;font-weight:700;font-size:30px;line-height:1.2;margin:0 0 14px} .uct-h2 .uct-accent{color:#F43F5E} .uct-sub{text-align:center;color:#8899AA;font-size:16px;max-width:700px;margin:0 auto 38px;line-height:1.6} .uct-section{padding:44px 0} .uct-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(244,63,94,0.12);color:#F43F5E;font-size:13px;font-weight:600;padding:7px 16px;border-radius:30px;border:1px solid rgba(244,63,94,0.3);margin-bottom:18px} .uct-inline-link{color:#F43F5E !important;border-bottom:1px solid rgba(244,63,94,0.3);transition:color .18s,border-color .18s} .uct-inline-link:hover{color:#FB7185 !important;border-color:#FB7185} /* ============================================================ TITLE TAG LENGTH CHECKER — TOOL APP ============================================================ */ .ttl-app{padding:46px 0 30px;text-align:center} .ttl-app-head h1{color:#fff;font-weight:800;font-size:40px;line-height:1.15;margin:0 0 16px} .ttl-app-sub{color:#A9BBD0;font-size:16px;line-height:1.6;max-width:740px;margin:0 auto 24px} .ttl-panel{background:#111B2E;border:1px solid rgba(55,75,100,0.3);border-radius:14px;padding:20px;max-width:1000px;margin:0 auto;text-align:left} .ttl-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:10px;flex-wrap:wrap} .ttl-label{color:#C8D8E8;font-size:13px;font-weight:600} .ttl-btn-sm{background:rgba(244,63,94,0.12);border:1px solid rgba(244,63,94,0.3);color:#F43F5E;font-family:inherit;font-size:12px;font-weight:600;padding:6px 13px;border-radius:8px;cursor:pointer;transition:background .15s;white-space:nowrap} .ttl-btn-sm:hover{background:rgba(244,63,94,0.22)} .ttl-input{width:100%;background:#0A0F1C;border:1px solid rgba(55,75,100,0.5);border-radius:10px;padding:15px 16px;color:#E6EEF8;font-size:16px;font-family:inherit;line-height:1.5;outline:none;transition:border-color .18s,box-shadow .18s} .ttl-input:focus{border-color:#F43F5E;box-shadow:0 0 0 3px rgba(244,63,94,0.12)} .ttl-input::placeholder{color:#5A7090} .ttl-meters{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px} .ttl-meter{background:#0E1626;border:1px solid rgba(55,75,100,0.3);border-radius:12px;padding:14px 16px} .ttl-meter-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px} .ttl-meter-name{color:#8899AA;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em} .ttl-meter-val{color:#fff;font-size:18px;font-weight:800} .ttl-meter-val small{color:#5A7090;font-size:12px;font-weight:600} .ttl-bar{height:8px;border-radius:6px;background:rgba(55,75,100,0.35);overflow:hidden} .ttl-bar-fill{height:100%;border-radius:6px;width:0;transition:width .2s ease,background .2s ease;background:#4ADE80} .ttl-bar-fill.is-amber{background:#FBBF24} .ttl-bar-fill.is-red{background:#F87171} .ttl-meter-hint{color:#5A7090;font-size:11.5px;margin-top:7px} .ttl-status{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:13.5px;font-weight:700;padding:8px 16px;border-radius:30px} .ttl-status.is-go{background:rgba(74,222,128,0.12);color:#4ADE80;border:1px solid rgba(74,222,128,0.3)} .ttl-status.is-amber{background:rgba(251,191,36,0.12);color:#FBBF24;border:1px solid rgba(251,191,36,0.3)} .ttl-status.is-red{background:rgba(248,113,113,0.12);color:#F87171;border:1px solid rgba(248,113,113,0.3)} .ttl-status.is-idle{background:rgba(136,153,170,0.1);color:#8899AA;border:1px solid rgba(136,153,170,0.25)} /* SERP preview */ .ttl-serp-wrap{max-width:1000px;margin:18px auto 0;text-align:left} .ttl-serp{background:#fff;border-radius:14px;padding:22px 24px;border:1px solid rgba(55,75,100,0.3)} .ttl-serp-toolrow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px} .ttl-serp-tabs{display:inline-flex;gap:8px} .ttl-tab{background:rgba(136,153,170,0.12);border:1px solid rgba(55,75,100,0.4);color:#8899AA;font-family:inherit;font-size:12px;font-weight:700;padding:6px 14px;border-radius:8px;cursor:pointer;transition:all .15s} .ttl-tab.is-active{background:rgba(244,63,94,0.12);border-color:rgba(244,63,94,0.4);color:#F43F5E} .ttl-serp-url{color:#202124;font-size:14px;display:flex;align-items:center;gap:8px;margin-bottom:4px} .ttl-serp-fav{width:26px;height:26px;border-radius:50%;background:#f1f3f4;display:flex;align-items:center;justify-content:center;font-size:13px;flex:none} .ttl-serp-site{color:#202124;font-size:14px;line-height:1.3} .ttl-serp-path{color:#4d5156;font-size:12px} .ttl-serp-title{color:#1a0dab;font-size:20px;line-height:1.3;margin:2px 0 4px;font-family:Arial,sans-serif;cursor:pointer;overflow-wrap:break-word} .ttl-serp-title:hover{text-decoration:underline} .ttl-serp-desc{color:#4d5156;font-size:14px;line-height:1.58;font-family:Arial,sans-serif} .ttl-serp.is-mobile{max-width:400px;border-radius:16px} .ttl-serp.is-mobile .ttl-serp-title{font-size:16px} .ttl-trunc-note{color:#8899AA;font-size:12.5px;margin-top:10px} .ttl-trunc-note strong{color:#F87171} /* Bulk checker */ .ttl-bulk{max-width:1000px;margin:18px auto 0;text-align:left} .ttl-area{width:100%;background:#0A0F1C;border:1px solid rgba(55,75,100,0.5);border-radius:10px;padding:14px;color:#E6EEF8;font-size:13.5px;font-family:inherit;line-height:1.7;outline:none;resize:vertical;min-height:120px;transition:border-color .18s,box-shadow .18s} .ttl-area:focus{border-color:#F43F5E;box-shadow:0 0 0 3px rgba(244,63,94,0.12)} .ttl-area::placeholder{color:#5A7090} .ttl-bulk-actions{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap} .ttl-btn{background:#F43F5E;border:0;color:#fff;font-family:inherit;font-size:14.5px;font-weight:700;padding:12px 24px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .15s} .ttl-btn:hover{background:#E11D48} .ttl-table-wrap{overflow-x:auto;margin-top:16px;border:1px solid rgba(55,75,100,0.3);border-radius:12px} .ttl-bulk-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:560px} .ttl-bulk-table th,.ttl-bulk-table td{padding:11px 14px;text-align:left;border-bottom:1px solid rgba(55,75,100,0.25)} .ttl-bulk-table th{background:#0E1626;color:#fff;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em} .ttl-bulk-table td{color:#A9BBD0} .ttl-bulk-table tr:last-child td{border-bottom:0} .ttl-pill{display:inline-block;font-size:11px;font-weight:800;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.03em} .ttl-pill.is-go{background:rgba(74,222,128,0.15);color:#4ADE80} .ttl-pill.is-amber{background:rgba(251,191,36,0.15);color:#FBBF24} .ttl-pill.is-red{background:rgba(248,113,113,0.15);color:#F87171} .ttl-trust{text-align:center;color:#5A7090;font-size:13px;margin-top:26px} /* Widget 05 demo card */ .ttl-demo{max-width:720px;margin:0 auto;background:#111B2E;border:1px solid rgba(55,75,100,0.3);border-radius:14px;overflow:hidden} .ttl-demo-head{background:#0E1626;padding:10px 16px;border-bottom:1px solid rgba(55,75,100,0.3);color:#8899AA;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase} .ttl-demo-body{padding:18px} .ttl-demo-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(55,75,100,0.2);flex-wrap:wrap} .ttl-demo-row:last-child{border-bottom:0} .ttl-demo-title{color:#E6EEF8;font-size:13.5px;line-height:1.5;flex:1;min-width:200px} .ttl-demo-meta{color:#5A7090;font-size:12px;white-space:nowrap} /* ============================================================ WIDGET 02 — STATS ============================================================ */ .uct-stats{padding:30px 0 6px} .uct-stats-grid{display:flex;justify-content:center;gap:54px;flex-wrap:wrap;max-width:760px;margin:0 auto;text-align:center} .uct-stat-num{color:#F43F5E;font-size:32px;font-weight:800;line-height:1} .uct-stat-num .uct-pct{color:#fff} .uct-stat-label{color:#8899AA;font-size:13px;margin-top:8px} /* ============================================================ WIDGET 01 INTRO + WIDGET 03 FEATURES ============================================================ */ .uct-intro-block{background:#0E1626;border:1px solid rgba(55,75,100,0.3);border-radius:14px;padding:26px 30px;max-width:980px;margin:0 auto;color:#A9BBD0;font-size:15.5px;line-height:1.8} .uct-intro-block a{color:#F43F5E !important;border-bottom:1px solid rgba(244,63,94,0.3)} .uct-intro-block a:hover{color:#FB7185 !important;border-color:#FB7185} .uct-intro-block p{margin:0 0 14px} .uct-intro-block p:last-child{margin:0} .uct-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1100px;margin:0 auto} .uct-feature{background:#111B2E;border:1px solid rgba(55,75,100,0.3);border-radius:14px;padding:24px 20px;text-align:center;transition:transform .2s,border-color .2s} .uct-feature:hover{transform:translateY(-2px);border-color:rgba(244,63,94,0.4)} .uct-feature-ic{width:46px;height:46px;border-radius:12px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center} .uct-feature-ic svg{width:23px;height:23px;stroke:#fff;fill:none;stroke-width:2} .uct-fi-rose{background:linear-gradient(135deg,#F43F5E,#E11D48)} .uct-fi-green{background:linear-gradient(135deg,#22C55E,#16A34A)} .uct-fi-blue{background:linear-gradient(135deg,#3B82F6,#2563EB)} .uct-fi-orange{background:linear-gradient(135deg,#F97316,#EA580C)} .uct-fi-purple{background:linear-gradient(135deg,#A855F7,#7C3AED)} .uct-fi-cyan{background:linear-gradient(135deg,#06B6D4,#0891B2)} .uct-feature h3{color:#fff;font-size:15.5px;font-weight:700;margin:0 0 8px} .uct-feature p{color:#8899AA;font-size:13px;line-height:1.55;margin:0} /* ============================================================ WIDGET 04 — HOW IT WORKS ============================================================ */ .uct-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1100px;margin:0 auto} .uct-step{background:#111B2E;border:1px solid rgba(55,75,100,0.3);border-radius:14px;padding:24px 20px;text-align:center;position:relative} .uct-step-num{width:38px;height:38px;border-radius:50%;background:rgba(244,63,94,0.15);color:#F43F5E;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px} .uct-step h3{color:#fff;font-size:15.5px;font-weight:700;margin:0 0 8px} .uct-step p{color:#8899AA;font-size:13px;line-height:1.55;margin:0} .uct-btn-wrap{text-align:center;margin-top:34px} /* ============================================================ WIDGET 06 — MAIN SEO (two-column + sidebar) ============================================================ */ .uct-seo-grid{display:grid;grid-template-columns:1fr 320px;gap:34px;max-width:1180px;margin:0 auto;align-items:start} .uct-seo-main h2{color:#fff;font-size:24px;font-weight:700;margin:34px 0 14px;scroll-margin-top:90px} .uct-seo-main h2:first-child{margin-top:0} .uct-seo-main h3{color:#E6EEF8;font-size:18px;font-weight:700;margin:22px 0 10px} .uct-seo-main p{color:#A9BBD0;font-size:15px;line-height:1.8;margin:0 0 16px} .uct-seo-main a{color:#F43F5E !important;border-bottom:1px solid rgba(244,63,94,0.3)} .uct-seo-main a:hover{color:#FB7185 !important} .uct-seo-main ul{margin:0 0 16px;padding-left:0;list-style:none} .uct-seo-main ul li{color:#A9BBD0;font-size:15px;line-height:1.7;padding-left:26px;position:relative;margin-bottom:9px} .uct-seo-main ul li::before{content:"✓";position:absolute;left:0;color:#4ADE80;font-weight:700} /* comparison table */ .uct-table-wrap{overflow-x:auto;margin:0 0 16px;border-radius:12px;border:1px solid rgba(55,75,100,0.3)} .uct-table{width:100%;border-collapse:collapse;font-size:14px;min-width:480px} .uct-table th,.uct-table td{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(55,75,100,0.25)} .uct-table th{background:#0E1626;color:#fff;font-weight:700} .uct-table td{color:#A9BBD0} .uct-table tr:last-child td{border-bottom:0} .badge-yes{color:#4ADE80;font-weight:700} .badge-no{color:#F87171;font-weight:700} /* benefit / use-case cards */ .uct-bc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 16px} .uct-bc{background:#111B2E;border:1px solid rgba(55,75,100,0.3);border-radius:12px;padding:18px} .uct-bc-ic{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:10px;background:rgba(244,63,94,0.15)} .uct-bc h4{color:#fff;font-size:15px;font-weight:700;margin:0 0 6px} .uct-bc p{color:#8899AA;font-size:13.5px;line-height:1.6;margin:0} /* technical notes accordion */ .uct-accordion-item{background:#111B2E;border:1px solid rgba(55,75,100,0.3);border-radius:10px;margin-bottom:10px;overflow:hidden} .uct-accordion-item.is-open{border-color:rgba(244,63,94,0.4)} .uct-accordion-header{width:100%;text-align:left;background:transparent;border:0;color:#fff;font-family:inherit;font-size:15px;font-weight:600;padding:16px 48px 16px 18px;cursor:pointer;position:relative} .uct-accordion-header::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#F43F5E;font-size:20px;transition:transform .2s} .uct-accordion-item.is-open .uct-accordion-header::after{transform:translateY(-50%) rotate(45deg)} .uct-accordion-body{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 18px} .uct-accordion-item.is-open .uct-accordion-body{max-height:320px;padding:0 18px 16px} .uct-accordion-body p{color:#9FB1C7;font-size:14px;line-height:1.7;margin:0} /* steps timeline */ .uct-timeline{list-style:none;counter-reset:step;margin:0 0 16px;padding:0} .uct-timeline li{counter-increment:step;position:relative;padding:0 0 18px 50px} .uct-timeline li::before{content:counter(step);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:rgba(244,63,94,0.15);color:#F43F5E;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px} .uct-timeline li::after{content:"";position:absolute;left:16px;top:34px;bottom:0;width:1px;background:rgba(55,75,100,0.4)} .uct-timeline li:last-child::after{display:none} .uct-timeline strong{color:#fff;font-size:15px;display:block;margin-bottom:3px} .uct-timeline span{color:#9FB1C7;font-size:14px;line-height:1.6} /* sidebar */ .uct-sidebar{position:sticky;top:24px;display:flex;flex-direction:column;gap:18px} .uct-side-cta{background:linear-gradient(160deg,rgba(244,63,94,0.15),rgba(244,63,94,0.05));border:1px solid rgba(244,63,94,0.25);border-radius:14px;padding:22px;text-align:center} .uct-side-cta-ic{font-size:30px;margin-bottom:8px} .uct-side-cta h3{color:#fff;font-size:17px;font-weight:700;margin:0 0 8px} .uct-side-cta p{color:#A9BBD0;font-size:13px;line-height:1.55;margin:0 0 14px} .uct-side-btn{display:inline-block;background:#F43F5E;color:#fff;font-size:14px;font-weight:600;padding:11px 22px;border-radius:9px;transition:background .15s} .uct-side-btn:hover{background:#E11D48;color:#fff} .uct-side-box{background:#111B2E;border:1px solid rgba(55,75,100,0.3);border-radius:14px;padding:20px} .uct-side-box h3{color:#fff;font-size:14px;font-weight:700;margin:0 0 14px;text-transform:uppercase;letter-spacing:.05em} .uct-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px} .uct-info-item{background:rgba(244,63,94,0.05);border:1px solid rgba(244,63,94,0.1);border-radius:10px;padding:12px} .uct-info-item .k{color:#8899AA;font-size:11px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px} .uct-info-item .v{color:#E6EEF8;font-size:13.5px;font-weight:600} .uct-toc{list-style:none;margin:0;padding:0;counter-reset:toc} .uct-toc li{counter-increment:toc;margin-bottom:4px} .uct-toc a{display:block;color:#9FB1C7;font-size:13.5px;padding:7px 10px;border-radius:8px;transition:background .15s,color .15s} .uct-toc a::before{content:counter(toc) ". ";color:#5A7090} .uct-toc a:hover{background:rgba(244,63,94,0.08);color:#F43F5E} .uct-side-links{list-style:none;margin:0;padding:0} .uct-side-links li{margin-bottom:9px} .uct-side-links a{color:#9FB1C7;font-size:13.5px;display:inline-flex;gap:6px;transition:color .15s} .uct-side-links a:hover{color:#F43F5E} .uct-side-links a::before{content:"→";color:#5A7090} /* ============================================================ WIDGET 07 — AUDIENCE ============================================================ */ .uct-audience{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:820px;margin:0 auto} .uct-aud-tag{display:inline-flex;align-items:center;gap:8px;background:#111B2E;border:1px solid rgba(55,75,100,0.4);color:#C8D8E8;font-size:14px;padding:10px 18px;border-radius:30px;transition:transform .18s,border-color .18s} .uct-aud-tag:hover{transform:translateY(-2px);border-color:#F43F5E} /* ============================================================ WIDGET 08 — FAQ ============================================================ */ .uct-faq-wrap{max-width:820px;margin:0 auto} .uct-faq-item{background:#111B2E;border:1px solid rgba(55,75,100,0.3);border-radius:12px;margin-bottom:14px;overflow:hidden;transition:border-color .2s} .uct-faq-item.is-open{border-color:rgba(244,63,94,0.4)} .uct-faq-question{width:100%;text-align:left;cursor:pointer;background:transparent;border:0;outline:none;color:#fff;font-size:16px;font-weight:600;font-family:inherit;padding:20px 56px 20px 22px;position:relative;display:flex;align-items:center} .uct-faq-question:focus-visible{box-shadow:inset 0 0 0 2px rgba(244,63,94,0.5)} .uct-faq-question::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:24px;color:#F43F5E;font-weight:400;transition:transform .25s} .uct-faq-item.is-open .uct-faq-question::after{transform:translateY(-50%) rotate(45deg)} .uct-faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 22px} .uct-faq-item.is-open .uct-faq-answer{max-height:400px;padding:0 22px 20px} .uct-faq-answer p{color:#9FB1C7;font-size:14.5px;line-height:1.7;margin:0} .uct-faq-answer a{color:#F43F5E !important;border-bottom:1px solid rgba(244,63,94,0.3)} .uct-faq-answer a:hover{color:#FB7185 !important} /* ============================================================ WIDGET 09 — OTHER CATEGORIES ============================================================ */ .uct-categories-inner{max-width:1100px;margin:0 auto;text-align:center} .uct-categories-label{display:block;color:#F43F5E;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px} .uct-categories-title{color:#fff;font-size:28px;font-weight:700;margin:0 0 34px} .uct-categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} .uct-category-card{display:block;background:#111B2E;border:1px solid rgba(55,75,100,0.3);border-radius:14px;padding:24px 20px;text-align:left;transition:transform .2s,border-color .2s} .uct-category-card:hover{transform:translateY(-2px);border-color:rgba(244,63,94,0.4)} .uct-category-card-icons{margin-bottom:14px} .uct-category-icon{font-size:26px !important;width:48px;height:48px;border-radius:11px;display:flex;align-items:center;justify-content:center} .uct-ci-blue{background:rgba(59,130,246,0.15)} .uct-ci-green{background:rgba(16,185,129,0.15)} .uct-ci-orange{background:rgba(245,158,11,0.15)} .uct-ci-purple{background:rgba(139,92,246,0.15)} .uct-category-card h3{color:#fff;font-size:17px;font-weight:700;margin:0 0 8px} .uct-category-card p{color:#8899AA;font-size:13px;line-height:1.6;margin:0} /* ============================================================ WIDGET 10 — CTA ============================================================ */ .uct-cta{text-align:center;padding:54px 0 62px} .uct-cta h2{color:#fff;font-size:28px;font-weight:700;margin:0 0 14px} .uct-cta p{color:#8899AA;font-size:15.5px;line-height:1.6;max-width:560px;margin:0 auto 28px} .uct-btn{display:inline-flex;align-items:center;gap:10px;background:#F43F5E;color:#fff;font-size:15px;font-weight:600;font-family:inherit;padding:14px 30px;border-radius:10px;border:0;cursor:pointer;transition:background .18s,transform .18s} .uct-btn:hover{background:#E11D48;transform:translateY(-2px);color:#fff} .uct-btn-ic{font-size:16px} .uct-btn-secondary{background:transparent;border:1px solid rgba(244,63,94,0.4);color:#F43F5E;margin-left:12px} .uct-btn-secondary:hover{background:rgba(244,63,94,0.1);color:#FB7185} /* ============================================================ RESPONSIVE 768 ============================================================ */ @media (max-width:768px){ .ttl-app-head h1{font-size:31px} .ttl-serp{padding:16px} .uct-h2{font-size:25px} .uct-stats-grid{gap:30px} .uct-stat-num{font-size:27px} .uct-feature-grid{grid-template-columns:repeat(2,1fr)} .uct-steps{grid-template-columns:repeat(2,1fr)} .uct-seo-grid{grid-template-columns:1fr;gap:26px} .uct-sidebar{position:static;order:2} .uct-categories-grid{grid-template-columns:repeat(2,1fr)} .uct-categories-title{font-size:24px} .uct-intro-block{padding:22px;font-size:15px} } /* ============================================================ RESPONSIVE 480 ============================================================ */ @media (max-width:480px){ .uct-inner{padding:0 16px} .ttl-app-head h1{font-size:26px} .ttl-meters{grid-template-columns:1fr} .uct-h2{font-size:22px} .uct-sub{font-size:14.5px} .uct-stats-grid{gap:22px 36px} .uct-stat-num{font-size:24px} .uct-feature-grid{grid-template-columns:1fr} .uct-steps{grid-template-columns:1fr} .uct-bc-grid{grid-template-columns:1fr} .uct-info-grid{grid-template-columns:1fr} .uct-categories-grid{grid-template-columns:1fr} .ttl-serp-title{font-size:16px} .uct-faq-question{font-size:14.5px;padding:17px 50px 17px 18px} .uct-cta h2{font-size:24px} .uct-btn-secondary{margin-left:0;margin-top:12px} .ttl-bulk-table{font-size:12px} }