:root{
 --oot-site-max:1280px;--oot-tool-max:1120px;--oot-radius:20px;--oot-line:#e2e8f0;--oot-line-strong:#cbd5e1;--oot-ink:#0f172a;--oot-muted:#64748b;--oot-brand:#0e9379;--oot-brand2:#14b8a6;--oot-soft:#f5f7fb;--oot-card:#fff;--oot-navy:#071426;--oot-shadow:0 18px 55px rgba(15,23,42,.08)
}
html{scroll-behavior:smooth}body{overflow-x:hidden;background:#f5f7fb!important;color:var(--oot-ink)}img,svg,canvas,video{max-width:100%}

/* Keep the header itself truly full width. */
.header .container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.footer .container{width:min(var(--oot-site-max),calc(100% - 40px));max-width:var(--oot-site-max);margin-inline:auto!important;padding-inline:0!important}

/* Consistent readable page widths */
body.oot-modern>.hero,body.oot-modern main>.hero,body.oot-modern .container1,body.oot-modern .container2,body.oot-modern .tool-container,body.oot-modern .calculator-container,body.oot-modern .main-container,body.oot-modern .content-container{max-width:var(--oot-tool-max)!important;margin-left:auto!important;margin-right:auto!important}
.pfts-page,.seo-page,.device-shell,.mt-page,.mt-hero,.mt-faq-section,body.math-tools-theme .related-tools,.image-suite-page main>.is-hero,.image-suite-page .is-breadcrumb,.image-suite-page .is-app-shell,.image-suite-page .is-content,.html-tool-hero,.html-tool-shell,.oat-page,.pdfc-page{width:min(var(--oot-tool-max),calc(100% - 32px))!important;max-width:var(--oot-tool-max)!important;margin-left:auto!important;margin-right:auto!important}
.rb-shell{width:min(1200px,calc(100% - 28px))!important;max-width:1200px!important}

/* Premium page surface */
main{position:relative}.oot-modern main,.oot-device-tool main,.image-suite-page main,.math-tools-theme main{isolation:isolate}
.tool-card,.content-section,.faq-section,.mt-card,.mt-tool-card,.is-app-shell,.is-content,.pfts-card,.seo-card,.seo-panel,.html-tool-shell,.legal-card,.oat-card,.pdfc-card,.rb-panel,.card,.panel{border-color:#e3eaf3!important;box-shadow:0 16px 44px rgba(15,23,42,.065)!important}
.tool-card,.content-section,.mt-card,.mt-tool-card,.is-app-shell,.pfts-card,.seo-card,.html-tool-shell,.legal-card{border-radius:20px!important;background:#fff!important}
.content-section,.faq-section{padding:clamp(20px,3vw,32px)!important}

/* Hero families */
.device-hero,.mt-hero,.is-hero,.pfts-hero,.seo-hero,.html-tool-hero,.legal-hero{position:relative;overflow:hidden;border:0!important;background:radial-gradient(circle at 12% 8%,rgba(59,130,246,.18),transparent 36%),radial-gradient(circle at 88% 15%,rgba(20,184,166,.14),transparent 32%),linear-gradient(180deg,#edf5ff,#f8fafc)!important;color:#0f172a!important;box-shadow:none!important}
.device-hero,.mt-hero,.is-hero,.pfts-hero,.seo-hero,.html-tool-hero{padding-top:48px!important;padding-bottom:34px!important}
.device-hero h1,.mt-hero h1,.is-hero h1,.pfts-hero h1,.seo-hero h1,.html-tool-hero h1,.legal-hero h1{color:#0b1f36!important;background:none!important;-webkit-text-fill-color:initial!important;letter-spacing:-.04em!important;font-weight:900!important}
.device-hero p,.mt-hero p,.is-hero p,.pfts-hero p,.seo-hero p,.html-tool-hero p,.legal-hero p{color:#607089!important}
.device-hero__icon,.mt-hero__icon,.is-hero__icon,.pfts-hero__icon,.seo-hero__icon{background:linear-gradient(135deg,#0e9379,#14b8a6)!important;color:#fff!important;border:0!important;box-shadow:0 12px 28px rgba(37,99,235,.2)!important}

/* Controls and buttons */
button,input,select,textarea{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{border-color:#d6dfeb!important;border-radius:12px!important;background:#fff!important;color:#0f172a!important}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:#93c5fd!important;box-shadow:0 0 0 4px rgba(37,99,235,.08)!important}
.btn-primary,.primary-btn,.action-btn.primary,.mt-btn-primary,.is-btn-primary,.pfts-btn-primary,.seo-btn-primary,.html-btn-primary,.tool-button,.convert-btn,button[type=submit]:not(.mobile-menu-btn):not(.oot-history-actions button){border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#0e9379,#087461)!important;color:#fff!important;font-weight:800!important;box-shadow:0 10px 24px rgba(37,99,235,.18)!important;transition:.18s ease!important}
.btn-primary:hover,.primary-btn:hover,.action-btn.primary:hover,.mt-btn-primary:hover,.is-btn-primary:hover,.pfts-btn-primary:hover,.seo-btn-primary:hover,.html-btn-primary:hover,.tool-button:hover,.convert-btn:hover,button[type=submit]:not(.mobile-menu-btn):not(.oot-history-actions button):hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(37,99,235,.24)!important}
.btn-secondary,.secondary-btn,.action-btn.secondary,.mt-btn-secondary,.is-btn-secondary,.pfts-btn-secondary,.seo-btn-secondary{border:1px solid #dbe4ef!important;border-radius:12px!important;background:#fff!important;color:#334155!important;font-weight:750!important}

/* Homepage - calm premium catalog */
body:not(.oot-device-tool):not(.oot-account-page):not(.legal-page):not(.oot-legal-page){background:#f5f7fb}
.ut-wrapper{--ut-bg-color:#f5f7fb!important;--ut-text-dark:#0f172a!important;--ut-text-sub:#64748b!important;--ut-border-color:#e3eaf3!important;--ut-card-bg:#fff!important;background:#f5f7fb!important;padding:12px 20px 40px!important}
.ut-container{max-width:1240px!important}.ut-header{padding:10px!important;margin-bottom:34px!important}.ut-header h1{color:#0b1f36!important;background:none!important;-webkit-text-fill-color:initial!important;letter-spacing:-.04em!important}
.ut-section{position:relative;padding:32px!important;margin-bottom:26px!important;border:1px solid #e3eaf3!important;border-radius:24px!important;background:#fff!important;box-shadow:0 16px 48px rgba(15,23,42,.055)!important;overflow:hidden}
.ut-section:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#0e9379,#14b8a6);opacity:.85}
.ut-section-header{text-align:left!important;display:grid!important;grid-template-columns:auto 1fr!important;column-gap:16px!important;align-items:center!important;margin-bottom:24px!important}.ut-section-icon{grid-row:1/3!important;width:50px!important;height:50px!important;margin:0!important;border-radius:14px!important;background:linear-gradient(135deg,#0e9379,#14b8a6)!important;box-shadow:0 10px 24px rgba(37,99,235,.16)!important}.ut-section h2{margin:0!important;color:#0f172a!important;font-size:1.35rem!important;letter-spacing:-.025em!important}.ut-section-subtitle{margin:3px 0 0!important;color:#718096!important;text-align:left!important;font-size:.9rem!important}
.ut-section-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.ut-tool-card{position:relative;min-height:112px!important;display:flex!important;align-items:flex-start!important;gap:14px!important;padding:17px!important;border:1px solid #e6ebf2!important;border-radius:16px!important;background:#fbfcfe!important;text-decoration:none!important;box-shadow:none!important;overflow:hidden!important;transition:.18s ease!important}
.ut-tool-card:before{display:none!important}.ut-tool-card:hover{transform:translateY(-2px)!important;border-color:#bfdbfe!important;background:#fff!important;box-shadow:0 12px 28px rgba(15,23,42,.07)!important}
.ut-icon-wrapper{width:42px!important;height:42px!important;min-width:42px!important;border-radius:12px!important;background:linear-gradient(135deg,#e0edff,#d8fbf6)!important;color:#087461!important;box-shadow:none!important;font-size:16px!important}.ut-tool-content{min-width:0!important}.ut-tool-text{display:block!important;color:#142033!important;font-size:.92rem!important;font-weight:850!important;line-height:1.3!important}.ut-tool-desc{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;margin-top:5px!important;color:#718096!important;font-size:.76rem!important;line-height:1.5!important}

/* Tool value content - substantial but compact */
.oot-value-content{width:min(var(--oot-tool-max),calc(100% - 32px));margin:34px auto 8px;padding:30px;border:1px solid #e2e8f0;border-radius:22px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 16px 42px rgba(15,23,42,.055)}
.oot-value-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.oot-value-eyebrow{display:inline-flex;margin-bottom:8px;padding:5px 8px;border-radius:8px;background:#eff6ff;color:#087461;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.oot-value-content h2{margin:0;color:#0f172a;font-size:clamp(1.35rem,2vw,1.75rem);letter-spacing:-.03em}.oot-value-content p{margin:9px 0 0;color:#5f6f83;line-height:1.75;font-size:.94rem}.oot-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.oot-value-card{padding:18px;border:1px solid #e8edf4;border-radius:15px;background:#fff}.oot-value-card strong{display:block;margin-bottom:7px;color:#172033;font-size:.9rem}.oot-value-card p{margin:0;font-size:.84rem;line-height:1.65;color:#69788b}.oot-value-list{margin:7px 0 0;padding-left:18px;color:#65758a;font-size:.84rem;line-height:1.65}.oot-value-list li+li{margin-top:4px}

/* Rating - always visually present on public pages */
.oot-rating-mount{width:min(var(--oot-tool-max),calc(100% - 32px));margin:20px auto 8px}.oot-rating-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:22px 24px;background:linear-gradient(135deg,#071426,#0c2541)!important;border:1px solid rgba(148,163,184,.16)!important;border-radius:20px;box-shadow:0 18px 42px rgba(7,20,38,.16)}.oot-rating-copy{display:grid;gap:3px}.oot-rating-copy>span{font-size:.7rem;text-transform:uppercase;letter-spacing:.11em;color:#5eead4;font-weight:900}.oot-rating-copy strong{font-size:1.03rem;color:#fff}.oot-rating-copy small{color:#aebbd0}.oot-stars{display:flex;gap:3px;align-items:center}.oot-star{appearance:none;border:0;background:transparent!important;color:#526174;font-size:1.9rem;line-height:1;padding:4px;cursor:pointer;text-shadow:none;box-shadow:none!important;transform:none!important}.oot-star.is-active,.oot-star.is-preview{color:#fbbf24}.oot-star:focus-visible{outline:2px solid #60a5fa;border-radius:8px}.oot-rating-login{grid-column:2;justify-self:end;display:inline-flex;margin-top:-5px;padding:7px 10px;border-radius:9px;background:rgba(59,130,246,.16);color:#bfdbfe;text-decoration:none;font-size:.74rem;font-weight:800;white-space:nowrap}.oot-stars.is-disabled{opacity:.55}.oot-rating-card .oot-stars{justify-self:end}

/* Account/Profile */
.oot-account-page{background:radial-gradient(circle at 10% 0%,rgba(59,130,246,.12),transparent 30%),#f5f7fb!important;padding-bottom:0!important}.oot-auth-shell,.oot-account-shell{width:min(1040px,calc(100% - 28px));margin:46px auto 72px}.oot-auth-shell{display:grid;place-items:center;min-height:60vh}.oot-auth-card{width:min(540px,100%);padding:38px;background:#fff;border:1px solid #e1e8f0;border-radius:24px;box-shadow:0 24px 65px rgba(15,23,42,.09)}.oot-auth-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#0e9379,#14b8a6);color:#fff;font-weight:900;margin-bottom:18px}.oot-auth-kicker{margin:0 0 6px;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:900;color:#0e9379}.oot-auth-card h1,.oot-account-head h1{margin:0;color:#0f172a;line-height:1.08;letter-spacing:-.035em}.oot-auth-copy{color:#64748b;line-height:1.7}.oot-google-icon{background:#fff!important;color:#4285f4!important;border:1px solid #dce3ec;box-shadow:0 8px 20px rgba(15,23,42,.06)}.oot-google-button-wrap{display:flex;justify-content:center;align-items:center;min-height:58px;margin:28px auto 18px}.oot-google-note{display:flex;align-items:flex-start;gap:10px;text-align:left;background:#f8fafc;border:1px solid #e6ebf2;border-radius:14px;padding:13px 14px;color:#64748b;font-size:.86rem;line-height:1.55}.oot-google-note span{color:#10b981;font-weight:900}.oot-google-note p{margin:0}.oot-auth-card code{word-break:break-word;background:#f1f5f9;padding:2px 5px;border-radius:6px}
.oot-profile-shell{width:min(1080px,calc(100% - 28px))}.oot-account-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px;background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 16px 44px rgba(15,23,42,.055)}.oot-profile-identity{display:flex;align-items:center;gap:18px;min-width:0}.oot-profile-avatar{width:72px;height:72px;border-radius:18px;object-fit:cover;border:1px solid #e2e8f0;box-shadow:0 8px 20px rgba(15,23,42,.08);flex:0 0 72px}.oot-profile-avatar-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#0e9379,#14b8a6);color:#fff;font-size:1.55rem;font-weight:900}.oot-google-badge{display:inline-flex;margin-top:9px;align-items:center;padding:5px 9px;border-radius:999px;background:#eff6ff;border:1px solid #dbeafe;color:#1e40af;font-size:.75rem;font-weight:800}.oot-account-actions,.oot-history-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.oot-outline-btn,.oot-danger-outline{padding:9px 12px;border-radius:10px;text-decoration:none;font-size:.82rem;font-weight:800;background:#fff}.oot-outline-btn{border:1px solid #d8e0eb;color:#334155}.oot-danger-outline{border:1px solid #fecaca;color:#b42318;background:#fffafa}.oot-profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.oot-profile-stats>div{background:#fff;border:1px solid #e3e9f1;border-radius:17px;padding:19px;text-align:center;box-shadow:0 10px 30px rgba(15,23,42,.04)}.oot-profile-stats strong{display:block;color:#0f172a;font-size:1.7rem;line-height:1}.oot-profile-stats span{display:block;margin-top:7px;color:#64748b;font-size:.8rem}.oot-history-card{margin-top:18px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 14px 40px rgba(15,23,42,.045)}.oot-history-title{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:23px 25px;border-bottom:1px solid #e8edf4}.oot-history-title h2{margin:0 0 4px;color:#0f172a;font-size:1.12rem}.oot-history-title p{margin:0;color:#64748b;font-size:.84rem}.oot-history-title>span,.oot-history-actions>span{color:#64748b;font-size:.82rem}.oot-history-list{display:grid}.oot-history-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:15px 25px;border-bottom:1px solid #edf1f5;text-decoration:none;color:inherit}.oot-history-row:last-child{border-bottom:0}.oot-history-row:hover{background:#f8fbff}.oot-history-row strong{display:block;color:#172033;font-size:.9rem}.oot-history-row small{display:block;margin-top:3px;color:#718096;font-size:.77rem}.oot-history-meta{display:flex;gap:14px;align-items:center;color:#718096;font-size:.78rem;white-space:nowrap}.oot-history-meta span{color:#b7791f}.oot-empty-state{padding:46px 24px;text-align:center;color:#64748b}.oot-empty-state strong{display:block;color:#0f172a;font-size:1.05rem}.oot-empty-state a{display:inline-flex;margin-top:8px;color:#0e9379;font-weight:800}.oot-profile-stars{font-size:1.05rem;letter-spacing:2px;color:#f59e0b;white-space:nowrap}.oot-profile-stars span{color:#d8dee8}.oot-history-actions form{margin:0}.oot-history-actions button{border:0;background:transparent;color:#b42318;font:800 .78rem Inter,sans-serif;cursor:pointer;padding:5px}

/* Legal / guide pages */
.legal-hero{padding:54px 20px 44px!important}.legal-hero__inner{max-width:850px!important}.legal-shell{width:min(980px,calc(100% - 28px))!important}.legal-card{box-shadow:0 16px 45px rgba(15,23,42,.055)!important}.legal-button{border-radius:11px!important;background:#0e9379!important;color:#fff!important}.legal-button.secondary{background:#fff!important;color:#334155!important;border:1px solid #dbe4ef!important}

/* Related tools */
.related-tools{border-radius:22px!important}.related-tools a{border-radius:13px!important}.related-tools a:hover{border-color:#bfdbfe!important;background:#eff6ff!important}

@media(max-width:980px){.ut-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.oot-value-grid{grid-template-columns:1fr 1fr}.oot-value-card:last-child{grid-column:1/-1}.oot-profile-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.pfts-page,.seo-page,.device-shell,.mt-page,.mt-hero,.mt-faq-section,body.math-tools-theme .related-tools,.image-suite-page main>.is-hero,.image-suite-page .is-breadcrumb,.image-suite-page .is-app-shell,.image-suite-page .is-content,.html-tool-hero,.html-tool-shell,.oat-page,.pdfc-page{width:calc(100% - 20px)!important}.rb-shell{width:calc(100% - 14px)!important}.ut-wrapper{padding:8px 10px 28px!important}.ut-section{padding:22px 16px!important;border-radius:19px!important}.ut-section-header{grid-template-columns:auto 1fr!important}.ut-section-grid{grid-template-columns:1fr!important}.ut-tool-card{min-height:96px!important;padding:15px!important}.oot-value-content,.oot-rating-mount{width:calc(100% - 20px);}.oot-value-content{padding:22px 17px}.oot-value-grid{grid-template-columns:1fr}.oot-value-card:last-child{grid-column:auto}.oot-rating-card{grid-template-columns:1fr;padding:20px}.oot-rating-card .oot-stars{justify-self:start}.oot-rating-login{grid-column:1;justify-self:start;margin:0}.oot-account-actions{width:100%}.oot-account-actions a{flex:1;text-align:center}.oot-profile-identity{align-items:flex-start}.oot-profile-avatar{width:58px;height:58px;flex-basis:58px;border-radius:14px}.oot-account-head{align-items:flex-start;flex-direction:column}.oot-history-title{align-items:flex-start;flex-direction:column}.oot-history-actions{width:100%;justify-content:space-between}.oot-history-row{align-items:flex-start}.oot-history-meta{flex-direction:column;gap:3px;align-items:flex-end}.oot-google-button-wrap{overflow:hidden}}
@media(max-width:480px){.oot-profile-stats{gap:8px}.oot-profile-stats>div{padding:15px 8px}.oot-star{font-size:2rem}.oot-history-row{padding:14px 17px}.oot-history-title{padding:20px 18px}.oot-profile-shell{width:calc(100% - 18px)}}
.oot-value-note{margin-top:14px;padding:18px 19px;border-radius:15px;background:#f8fbff;border:1px solid #e2eaf5}.oot-value-note strong{display:block;color:#172033;font-size:.9rem}.oot-value-note p{margin:6px 0 0!important;font-size:.86rem!important;line-height:1.7!important;color:#65758a!important}
/* Final family-level premium overrides */
body.oot-modern>.container,body.oot-modern>main>.container{width:min(var(--oot-tool-max),calc(100% - 32px))!important;max-width:var(--oot-tool-max)!important;margin-left:auto!important;margin-right:auto!important}
.pdfc-hero{position:relative!important;overflow:hidden!important;border:1px solid #dce7f4!important;border-radius:22px!important;padding:30px!important;background:radial-gradient(circle at 8% 0%,rgba(59,130,246,.16),transparent 38%),radial-gradient(circle at 92% 15%,rgba(20,184,166,.12),transparent 34%),linear-gradient(180deg,#f2f7ff,#fff)!important;box-shadow:0 16px 42px rgba(15,23,42,.055)!important}.pdfc-hero h1{color:#0b1f36!important;letter-spacing:-.04em!important}.pdfc-hero p{color:#607089!important}.pdfc-hero-icon{background:linear-gradient(135deg,#0e9379,#14b8a6)!important;color:#fff!important;border:0!important;box-shadow:0 10px 24px rgba(37,99,235,.18)!important}.pdfc-eyebrow{color:#0e9379!important}.pdfc-trust-row span{background:#fff!important;border-color:#dce7f4!important;color:#42526a!important}
.pdfc-tool-card,.pdfc-workspace,.pdfc-result,.pdfc-advanced,.pfts-tool-card,.pfts-panel,.html-tool-card,.html-tool-content{border-color:#e2e8f0!important;border-radius:18px!important;background:#fff!important;box-shadow:0 14px 38px rgba(15,23,42,.055)!important}
.pdfc-primary-button,.pfts-primary-button,.pfts-btn.primary,.mt-btn.primary,.html-tool-btn.primary,.seo-btn.primary,.is-btn.primary{border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#0e9379,#087461)!important;color:#fff!important;font-weight:800!important;box-shadow:0 10px 24px rgba(37,99,235,.18)!important}.pdfc-secondary-button,.pfts-secondary-button,.pfts-btn.secondary,.mt-btn.secondary,.html-tool-btn:not(.primary),.seo-btn.secondary,.is-btn.secondary{border:1px solid #d9e2ed!important;border-radius:12px!important;background:#fff!important;color:#334155!important}
.html-tool-card,.html-tool-content{padding:clamp(20px,3vw,30px)!important}.html-tool-content h2{color:#172033!important}.html-tool-page{background:#f5f7fb!important}
.mt-tool-shell,.mt-calculator-card,.mt-reference-card,.mt-section,.mt-detail-card,.mt-step-card{border-color:#e2e8f0!important;background:#fff!important;box-shadow:0 14px 38px rgba(15,23,42,.05)!important}.mt-section-kicker{color:#0e9379!important}.mt-result{border-radius:16px!important}
.seo-page,.pfts-page,.pdfc-page{padding-top:22px!important}.seo-tool-card,.seo-content-card,.pfts-content-card{border-color:#e2e8f0!important;border-radius:18px!important;background:#fff!important;box-shadow:0 14px 38px rgba(15,23,42,.05)!important}
@media(max-width:768px){body.oot-modern>.container,body.oot-modern>main>.container{width:calc(100% - 20px)!important}.pdfc-hero{padding:22px 17px!important;border-radius:18px!important}}

/* Brand unification — remove legacy bright blue / purple hero blocks */
:root{--oot-brand:#12a587;--oot-brand2:#e8bb73;--oot-navy:#071714;--oot-ink:#0b1714;--oot-muted:#68756f;--oot-line:#dde8e3;--oot-line-strong:#cbdad4;--oot-soft:#f5f7f6}body{background:#f5f7f6!important;color:#0b1714!important}
.device-hero,.mt-hero,.is-hero,.pfts-hero,.seo-hero,.html-tool-hero,.legal-hero,.oot-legal-hero,.oat-hero,.pdfc-hero{position:relative!important;overflow:hidden!important;background:radial-gradient(circle at 12% 4%,rgba(20,184,154,.16),transparent 30%),radial-gradient(circle at 90% 0%,rgba(232,187,115,.1),transparent 27%),linear-gradient(125deg,#071714,#0b221d 58%,#102a22)!important;color:#fff!important;border-color:rgba(255,255,255,.06)!important;box-shadow:none!important}
.device-hero h1,.mt-hero h1,.is-hero h1,.pfts-hero h1,.seo-hero h1,.html-tool-hero h1,.legal-hero h1,.oot-legal-hero h1,.oat-hero h1,.pdfc-hero h1{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important}.device-hero p,.mt-hero p,.is-hero p,.pfts-hero p,.seo-hero p,.html-tool-hero p,.legal-hero p,.oot-legal-hero p,.oat-hero p:not(.oat-eyebrow),.pdfc-hero p{color:#b7cac4!important}.device-hero__icon,.mt-hero__icon,.is-hero__icon,.pfts-hero__icon,.seo-hero__icon,.oat-hero-icon{background:rgba(20,184,154,.12)!important;color:#87ead7!important;border:1px solid rgba(94,234,212,.14)!important;box-shadow:none!important}.oat-eyebrow{color:#83e5d2!important}.oat-trust span{border-color:rgba(255,255,255,.1)!important;background:rgba(255,255,255,.045)!important;color:#d4e3df!important}
.oot-legal-hero{padding:64px 20px 58px!important}.oot-legal-card{border-color:#dde8e3!important;box-shadow:0 16px 44px rgba(10,31,25,.065)!important}.oot-legal-card h2{color:#123f35!important;-webkit-text-fill-color:#123f35!important}.oot-legal-card h3,.oot-contact-item strong{color:#176b59!important;-webkit-text-fill-color:#176b59!important}.oot-legal-card a{color:#0d8d76!important}.oot-legal-card a:hover{color:#08705f!important}.oot-legal-note{border-left-color:#14b89a!important;background:#edf8f4!important;color:#31594f!important}.oot-legal-note strong{color:#124f42!important}.oot-contact-item,.oot-legal-box{border-color:#dce8e3!important;background:#f8faf9!important}.oot-legal-button{background:linear-gradient(135deg,#18b797,#0e9379)!important;color:#fff!important}.oot-legal-button.oot-secondary{background:#eef7f4!important;color:#176b59!important;border-color:#c9e4dc!important}
input:focus,select:focus,textarea:focus{border-color:#73d7c1!important;box-shadow:0 0 0 4px rgba(20,184,154,.09)!important}.btn-primary,.primary-btn,.action-btn.primary,.mt-btn-primary,.is-btn-primary,.pfts-btn-primary,.seo-btn-primary,.html-btn-primary,.tool-button,.convert-btn,.oat-primary,button[type=submit]:not(.mobile-menu-btn):not(.oot-history-actions button){background:linear-gradient(135deg,#18b797,#0e9379)!important;box-shadow:0 10px 24px rgba(20,184,154,.17)!important}.oat-secondary{border-color:#c9ddd6!important;color:#176b59!important}.oat-progress-track span{background:linear-gradient(90deg,#14b89a,#e8bb73)!important}.oat-tab.is-active{color:#0d7664!important}.oat-check input{accent-color:#14b89a!important}
.oot-rating-card{background:linear-gradient(135deg,#071714,#0b221d)!important;border-color:rgba(94,234,212,.11)!important;box-shadow:0 18px 42px rgba(4,21,16,.16)!important}.oot-rating-copy>span{color:#79e1cc!important}.oot-rating-stars button,.oot-rating-star{color:#9f8c6a!important}.oot-rating-stars button:hover,.oot-rating-stars button.is-active,.oot-rating-star.is-active{color:#e8bb73!important}.oot-rating-subtext{color:#a6b9b3!important}.oot-value-eyebrow{background:#eaf8f3!important;color:#0d8d76!important}.oot-value-content{border-color:#dde8e3!important;background:linear-gradient(180deg,#fff,#fbfcfb)!important}.oot-value-card{border-color:#e3ece8!important}

/* 2026-08-08: floating Google sign-in prompt + rating polish */
.oot-login-prompt[hidden]{display:none!important}
.oot-login-prompt{position:fixed;top:86px;right:22px;z-index:9997;width:min(430px,calc(100vw - 28px));display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px 14px;padding:18px 18px 16px;background:rgba(255,255,255,.985);border:1px solid rgba(14,86,73,.13);border-radius:22px;box-shadow:0 24px 70px rgba(3,24,19,.22),0 6px 18px rgba(3,24,19,.1);opacity:0;transform:translateY(-14px) scale(.985);pointer-events:none;transition:opacity .22s ease,transform .22s ease;color:#0b1714;backdrop-filter:blur(18px)}
.oot-login-prompt.is-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.oot-login-prompt-close{position:absolute;top:10px;right:10px;width:31px;height:31px;display:grid;place-items:center;border:0;border-radius:50%;background:#f0f4f2;color:#5f6d68;font-size:21px;line-height:1;cursor:pointer;box-shadow:none!important;padding:0}
.oot-login-prompt-close:hover{background:#e6eeeb;color:#0b1714}
.oot-login-prompt-brand{grid-row:1 / span 2;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#0d8d76,#13b89a);color:#fff;font-size:1.3rem;font-weight:950;box-shadow:0 10px 24px rgba(18,165,135,.24)}
.oot-login-prompt-copy{padding-right:26px;display:grid;gap:4px}
.oot-login-prompt-kicker{font-size:.67rem;line-height:1.2;letter-spacing:.11em;text-transform:uppercase;color:#0d8d76;font-weight:900}
.oot-login-prompt-copy strong{font-size:1.02rem;line-height:1.28;color:#0b1714}
.oot-login-prompt-copy p{margin:2px 0 0;color:#68756f;font-size:.82rem;line-height:1.48}
.oot-login-prompt-actions{grid-column:2;display:grid;gap:7px;justify-items:start;min-width:0}
.oot-login-prompt-actions .g_id_signin{max-width:100%;overflow:hidden;border-radius:999px}
.oot-login-prompt-fallback{font-size:.72rem;color:#597069;text-decoration:none;font-weight:750}
.oot-login-prompt-fallback:hover{color:#0d8d76;text-decoration:underline}
.oot-rating-login{border:0;cursor:pointer;font-family:inherit}
.oot-rating-copy small{min-height:1.25em}
@media(max-width:720px){.oot-login-prompt{top:72px;left:10px;right:10px;width:auto;grid-template-columns:42px minmax(0,1fr);border-radius:19px;padding:15px 14px}.oot-login-prompt-brand{width:42px;height:42px;border-radius:13px}.oot-login-prompt-copy{padding-right:24px}.oot-login-prompt-copy strong{font-size:.95rem}.oot-login-prompt-copy p{font-size:.77rem}.oot-login-prompt-actions{grid-column:1 / -1;padding-left:56px}.oot-login-prompt-actions .g_id_signin{max-width:calc(100vw - 96px)}}




/* 2026-08-09: Image suite hero card refresh (match compact rounded hero style) */
.image-suite-page main>.is-hero{
  position:relative!important;
  overflow:hidden!important;
  margin-top:26px!important;
  margin-bottom:18px!important;
  padding:38px 40px 34px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:30px!important;
  background:radial-gradient(circle at 88% 20%,rgba(59,130,246,.22),transparent 34%),linear-gradient(90deg,#10214a 0%,#173d6b 100%)!important;
  color:#fff!important;
  box-shadow:0 26px 60px rgba(7,20,38,.18)!important;
  text-align:left!important;
}
.image-suite-page .is-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 42%);
}
.image-suite-page .is-hero-icon{
  display:inline-flex!important;align-items:center;justify-content:center;
  width:60px;height:60px;margin:0 0 18px!important;border-radius:18px!important;
  font-size:2rem!important;line-height:1!important;
  background:rgba(255,255,255,.08)!important;color:#ffd783!important;
  border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;
}
.image-suite-page .is-hero .is-eyebrow{
  margin:0 0 10px!important;color:#d8e4ff!important;opacity:.96!important;letter-spacing:.08em!important;
}
.image-suite-page .is-hero h1{
  margin:0 0 16px!important;max-width:860px!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  font-size:clamp(2.2rem,4.6vw,4rem)!important;line-height:1.02!important;
  letter-spacing:-.05em!important;text-align:left!important;
}
.image-suite-page .is-hero>p:not(.is-eyebrow){
  margin:0!important;max-width:880px!important;color:#d6dfef!important;
  font-size:1.06rem!important;line-height:1.7!important;text-align:left!important;
}
.image-suite-page .is-badges{justify-content:flex-start!important;margin-top:24px!important}
.image-suite-page .is-badges span{
  background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.14)!important;
  color:#eef5ff!important;box-shadow:none!important;
}
@media(max-width:768px){
  .image-suite-page main>.is-hero{padding:28px 22px 26px!important;border-radius:24px!important;margin-top:18px!important}
  .image-suite-page .is-hero-icon{width:52px;height:52px;border-radius:16px!important;margin-bottom:14px!important}
  .image-suite-page .is-hero h1{font-size:clamp(2rem,8vw,3rem)!important}
  .image-suite-page .is-badges{margin-top:18px!important}
}

/* Header/search specificity guard for tool suites that style generic buttons/inputs. */
body .mobile-menu-btn{display:none!important}
.search-container .search-box{padding-left:50px!important;padding-right:76px!important}
@media(max-width:780px){body .mobile-menu-btn{display:grid!important;place-items:center!important}}
@media(max-width:640px){.search-container .search-box{padding-left:47px!important;padding-right:18px!important}}

/* 2026-08-10: homepage editorial guide cluster */
.oot-home-guides{margin-top:34px!important;margin-bottom:34px!important}.oot-home-guides-all{white-space:nowrap;color:#0d8d76;font-weight:850;text-decoration:none}.oot-home-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.oot-home-guide-grid a{display:grid;gap:7px;padding:17px;border:1px solid #e1ebe7;border-radius:15px;background:#fff;text-decoration:none;transition:.18s ease}.oot-home-guide-grid a:hover{transform:translateY(-2px);border-color:#b7d9cf;box-shadow:0 10px 24px rgba(8,67,53,.06)}.oot-home-guide-grid strong{color:#172d26;font-size:.91rem;line-height:1.4}.oot-home-guide-grid span{color:#6b7a74;font-size:.76rem;line-height:1.45}@media(max-width:780px){.oot-home-guide-grid{grid-template-columns:1fr}.oot-home-guides .oot-value-head{flex-direction:column}.oot-home-guides-all{white-space:normal}}