/*
Theme Name: ATS Resume Builder
Theme URI: https://resumebuilder.ae
Author: JOBB GROUP FZE
Description: Marketing, SEO and legal-page theme for ResumeBuilder.ae. Requires the "ATS Resume Builder Core" plugin for the editor, checker and PDF export.
Version: 1.7.4
Requires at least: 6.2
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: atsrb
Readable source: src/theme.css (this file is the minified build).
*/
:root{color-scheme:light;--navy-950: #071427;--navy: #0b1f3a;--navy-700: #1b3358;--blue: #1d4ed8;--blue-700: #1e40af;--blue-100: #dbe6ff;--blue-50: #eff4ff;--ink: #1e293b;--mut: #475569;--line: #d9e0ea;--line-2: #eaeff6;--bg: #f5f7fb;--white: #fff;--ok: #047857;--ok-bg: #ecfdf5;--warn: #b45309;--warn-bg: #fffbeb;--err: #b91c1c;--focus: #1d4ed8;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--serif: Georgia, "Times New Roman", serif;--fs-sm: .875rem;--fs-base: 1.0625rem;--fs-lead: clamp(1.0625rem, 1rem + .35vw, 1.25rem);--fs-h3: clamp(1.125rem, 1.05rem + .3vw, 1.3rem);--fs-h2: clamp(1.5rem, 1.2rem + 1.4vw, 2.25rem);--fs-h1: clamp(2rem, 1.35rem + 3.2vw, 3.5rem);--s1: .5rem;--s2: 1rem;--s3: 1.5rem;--s4: 2rem;--s5: 3rem;--s6: 4rem;--s7: 6rem;--r1: 8px;--r2: 12px;--r3: 16px;--rp: 999px;--sh1: 0 1px 2px rgba(11, 31, 58, .06), 0 1px 1px rgba(11, 31, 58, .04);--sh2: 0 8px 24px rgba(11, 31, 58, .08);--sh3: 0 20px 48px rgba(11, 31, 58, .14);--ease: cubic-bezier(.2, .7, .2, 1);--d1: .12s;--d2: .2s;--d3: .4s;--w: 1160px;--gut: max(18px, env(safe-area-inset-left));--gut-r: max(18px, env(safe-area-inset-right));--hdr-full: 72px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--hdr-full) + 16px)}body{margin:0;padding-top:var(--hdr-full);background:var(--white);color:var(--ink);font:400 var(--fs-base)/1.65 var(--font);overflow-x:clip;-webkit-font-smoothing:antialiased}img,svg,video{max-width:100%;height:auto}a{color:var(--blue);text-underline-offset:.18em}a:hover{color:var(--blue-700)}h1,h2,h3{color:var(--navy);line-height:1.18;margin:0 0 .5em;letter-spacing:-.015em;text-wrap:balance}h1{font-size:var(--fs-h1);letter-spacing:-.025em;font-weight:800}h2{font-size:var(--fs-h2);font-weight:750}h3{font-size:var(--fs-h3);font-weight:700}p{margin:0 0 1em}.wrap{max-width:var(--w);margin-inline:auto;padding-inline:var(--gut) var(--gut-r)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:fixed;left:8px;top:-80px;z-index:300;background:var(--navy);color:#fff;padding:12px 16px;border-radius:var(--r1);font-weight:700}.skip:focus{top:8px;color:#fff}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}.fine{font-size:var(--fs-sm);color:var(--mut)}.lead{font-size:var(--fs-lead);color:var(--mut);max-width:44em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.65rem 1.4rem;border-radius:var(--r2);border:2px solid var(--blue);background:var(--blue);color:#fff;font:700 1rem/1.2 var(--font);text-decoration:none;text-align:center;cursor:pointer;transition:background var(--d1),border-color var(--d1),box-shadow var(--d1),transform var(--d1)}.btn:hover{background:var(--blue-700);border-color:var(--blue-700);color:#fff;box-shadow:var(--sh2)}.btn:active{transform:translateY(1px)}.btn-ghost{background:#fff;color:var(--blue)}.btn-ghost:hover{background:var(--blue-50);color:var(--blue-700);box-shadow:none}.btn-dark{background:var(--navy);border-color:var(--navy)}.btn-dark:hover{background:var(--navy-700);border-color:var(--navy-700)}.btn-light{background:#fff;border-color:#fff;color:var(--navy)}.btn-light:hover{background:var(--blue-50);border-color:var(--blue-50);color:var(--navy)}.btn-line-light{background:transparent;border-color:#fff9;color:#fff}.btn-line-light:hover{background:#ffffff1f;border-color:#fff;color:#fff;box-shadow:none}.btn-sm{min-height:44px;padding:.45rem 1rem;font-size:.9375rem}.btn-lg{min-height:56px;padding:.8rem 1.75rem;font-size:1.0625rem}.on-dark :focus-visible,.site-footer :focus-visible{outline-color:#fff}.site-header{--hdr: 72px;position:fixed;inset:0 0 auto 0;z-index:100;height:var(--hdr);background:#fffffff7;border-bottom:1px solid transparent;transition:height var(--d2) var(--ease),box-shadow var(--d2),border-color var(--d2)}.site-header.is-scrolled{--hdr: 56px;border-color:var(--line);box-shadow:var(--sh1)}.admin-bar .site-header{top:32px}@media(max-width:782px){.admin-bar .site-header{top:46px}}.hd{display:flex;align-items:center;gap:var(--s2);height:100%}.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--navy);font-weight:800;font-size:1.125rem;letter-spacing:-.01em;text-decoration:none;white-space:nowrap}.brand b{color:var(--blue);font-weight:800}.brand-mark{flex:none;width:30px;height:30px;border-radius:9px;background:var(--navy) url(assets/img/favicon.svg) center / 30px no-repeat}.nav-toggle{margin-left:auto;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r2);background:#fff;color:var(--navy);font:700 .9375rem/1 var(--font);cursor:pointer}.nav-toggle:hover{background:var(--bg)}.bars,.bars:before,.bars:after{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;transition:transform var(--d2) var(--ease),opacity var(--d1)}.bars{position:relative}.bars:before,.bars:after{content:"";position:absolute;left:0}.bars:before{top:-6px}.bars:after{top:6px}.nav-toggle[aria-expanded=true] .bars{background:transparent}.nav-toggle[aria-expanded=true] .bars:before{transform:translateY(6px) rotate(45deg)}.nav-toggle[aria-expanded=true] .bars:after{transform:translateY(-6px) rotate(-45deg)}.nav ul{list-style:none;margin:0;padding:0}.nav li{margin:0}.nav-cta{white-space:nowrap}.nav a:not(.btn){display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:var(--r1);color:var(--navy);font-weight:600;font-size:.9375rem;text-decoration:none;white-space:nowrap}.nav a:not(.btn):hover{background:var(--bg);color:var(--navy)}.nav a[aria-current=page],.nav .current-menu-item>a{color:var(--blue);background:var(--blue-50);font-weight:700}.nav-cta{margin-top:var(--s2)}@media(max-width:1079.98px){.nav{position:fixed;top:var(--hdr);left:0;right:0;bottom:0;padding:var(--s2) var(--gut-r) calc(var(--s4) + env(safe-area-inset-bottom)) var(--gut);background:#fff;border-top:1px solid var(--line);overflow:auto;overscroll-behavior:contain}.js .nav{visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity var(--d2),transform var(--d2) var(--ease),visibility 0s linear var(--d2)}.js .nav.is-open{visibility:visible;opacity:1;transform:none;transition-delay:0s}.nav a:not(.btn){min-height:52px;font-size:1.0625rem;border-bottom:1px solid var(--line-2);border-radius:0;padding:0 4px}.nav .btn{width:100%}html.menu-open{overflow:hidden}html:not(.js) .site-header{position:absolute;height:auto}html:not(.js) .nav{position:static;border:0;padding:0 0 var(--s2)}html:not(.js) .nav-toggle{display:none}}@media(min-width:1080px){.nav-toggle{display:none}.nav{display:flex;align-items:center;gap:var(--s1);margin-left:auto}.nav ul{display:flex;gap:2px}.nav-cta{margin:0 0 0 var(--s1)}}body.app-page{--hdr-full: 0px;--rb-offset: 0px;padding-top:0}body.app-page .site-header{--hdr: 56px}body.app-page .site-header{background:#fff;border-color:var(--line)}body.app-page .nav-cta,body.app-page .site-header{display:none}.app-content>:not(.rb-app){max-width:72ch;margin-inline:auto;padding-inline:var(--gut) var(--gut-r)}.app-content>h2{margin-top:var(--s5)}.hero{background:var(--blue-50);border-bottom:1px solid var(--blue-100);padding-block:var(--s5) var(--s5)}.hero-grid{display:grid;gap:var(--s5);align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:var(--s2);padding:.3rem .85rem;border-radius:var(--rp);background:#fff;border:1px solid var(--blue-100);color:var(--blue-700);font-size:var(--fs-sm);font-weight:700}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok)}.hero h1{margin-bottom:var(--s2)}.cta{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s3) 0 var(--s2)}.trust{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:var(--s2) 0 0;padding:0;list-style:none;font-size:var(--fs-sm);font-weight:600;color:var(--navy)}.trust li{display:inline-flex;align-items:center;gap:.45rem}.trust li:before,.checks li:before{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:var(--ok-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.5l2.5 2.5L13 6.5' fill='none' stroke='%23047857' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat}.hero-note{margin-top:var(--s2)}.paper-wrap{container-type:inline-size;position:relative;max-width:460px;width:100%;margin-inline:auto;padding-bottom:22px}.paper{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--sh3);padding:7cqw 8cqw 8cqw;font-family:var(--serif);color:#111;line-height:1.3;overflow:hidden;aspect-ratio:1 / 1.22}.p-name{font-size:6.4cqw;font-weight:700;text-align:center;line-height:1.1}.p-role{font-size:3.3cqw;text-align:center;margin-top:.8cqw}.p-contact{font-size:2.6cqw;text-align:center;color:#334155;margin-top:1.2cqw}.p-h{font-size:2.7cqw;font-weight:700;letter-spacing:.06em;border-bottom:.35cqw solid #111;margin-top:3.6cqw;padding-bottom:.5cqw;text-transform:uppercase}.p-row{display:flex;justify-content:space-between;gap:2cqw;font-size:3cqw;font-weight:700;margin-top:1.8cqw}.p-row span{font-weight:400;white-space:nowrap}.p-sub{font-size:2.8cqw;font-style:italic}.p-li{font-size:2.8cqw;padding-left:3.6cqw;position:relative;margin-top:.5cqw}.p-li:before{content:"\2022";position:absolute;left:1.2cqw}.p-txt{font-size:2.8cqw;margin-top:1.4cqw}.chip{position:absolute;right:12px;bottom:0;display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .9rem;border-radius:var(--rp);background:var(--navy);color:#fff;font:700 .8125rem/1.2 var(--font);box-shadow:var(--sh2)}.chip b{font-size:1rem}@container (max-width: 340px){.p-hide-sm{display:none}}.block{padding-block:var(--s5)}.block.alt{background:var(--bg)}.sec-head{max-width:46em;margin-bottom:var(--s4)}.sec-head p{color:var(--mut);font-size:var(--fs-lead);margin:0}.steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2);counter-reset:s}.steps li{counter-increment:s;position:relative;padding:var(--s3) var(--s3) var(--s3) calc(var(--s3) + 56px);background:#fff;border:1px solid var(--line);border-radius:var(--r3)}.steps li:before{content:counter(s);position:absolute;left:var(--s3);top:var(--s3);width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800}.steps h3{margin-bottom:.25em}.steps p{margin:0;color:var(--mut)}.cards{display:grid;gap:var(--s2);grid-template-columns:1fr}.card{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:var(--s3);transition:box-shadow var(--d2),border-color var(--d2),transform var(--d2) var(--ease)}.card:hover{box-shadow:var(--sh2);border-color:var(--blue-100)}.card h3{margin-bottom:.35em}.card p{margin:0;color:var(--mut)}.ico{width:44px;height:44px;padding:10px;margin-bottom:var(--s2);border-radius:var(--r2);background:var(--blue-50);color:var(--blue);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tpl-grid{display:grid;gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(248px,1fr));justify-items:center}.tpl-card{margin:0;width:100%;max-width:340px;display:flex;flex-direction:column;align-items:center;gap:var(--s1);padding:var(--s2);background:#fff;border:1px solid var(--line);border-radius:var(--r3);text-align:center;transition:box-shadow var(--d2),border-color var(--d2)}.tpl-card:hover{box-shadow:var(--sh2);border-color:var(--blue-100)}.tpl-card h2,.tpl-card h3{margin:var(--s1) 0 0;font-size:1.0625rem;line-height:1.3}.tpl-card p{margin:0;font-size:var(--fs-sm);color:var(--mut)}.thumb{position:relative;flex:none;width:100%;aspect-ratio:210 / 297;overflow:hidden;background:#fff;border-radius:6px;box-shadow:0 0 0 1px var(--line),var(--sh1);text-align:left}.thumb-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.thumb:after{content:"Sample";position:absolute;bottom:6px;right:6px;padding:1px 8px;border-radius:99px;background:#0b1f3ae0;color:#fff;font:600 11px/18px var(--font);letter-spacing:.02em;pointer-events:none}.tag{display:inline-block;padding:0 .65rem;border-radius:var(--rp);background:var(--ok-bg);color:var(--ok);font-size:.75rem;font-weight:700;line-height:1.7}.tag-warn{background:var(--warn-bg);color:var(--warn)}.more{margin-top:var(--s4)}.price-box{display:grid;gap:var(--s3);padding:var(--s4) var(--s3);background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh2)}.price-amt{font-size:clamp(2.75rem,2rem + 4vw,4rem);font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--navy)}.price-amt small{font-size:1rem;font-weight:600;color:var(--mut);letter-spacing:0;margin-left:.35rem}.checks{list-style:none;margin:var(--s2) 0 0;padding:0;display:grid;gap:.6rem}.checks li{display:flex;gap:.65rem;align-items:flex-start}.checks li:before{margin-top:.2em}.price-col h3{margin-bottom:.25em}details.faq{background:#fff;border:1px solid var(--line);border-radius:var(--r2);margin:0 0 var(--s1)}details.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);min-height:56px;padding:.6rem var(--s2);font-weight:700;color:var(--navy);cursor:pointer;list-style:none}details.faq summary::-webkit-details-marker{display:none}details.faq summary:after{content:"";flex:none;width:10px;height:10px;border-right:2px solid var(--mut);border-bottom:2px solid var(--mut);transform:rotate(45deg);transition:transform var(--d2) var(--ease);margin-right:4px}details.faq[open] summary:after{transform:rotate(-135deg)}details.faq[open]{border-color:var(--blue-100);box-shadow:var(--sh1)}details.faq>:not(summary){padding:0 var(--s2) var(--s2);margin:0;color:var(--mut)}.cta-band{padding-block:var(--s5)}.cta-band h2{margin-top:0}.cta-card{position:relative;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4) var(--s3);background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 24px #0b1f3a12}.cta-card:before{content:"";display:block;width:48px;height:5px;border-radius:3px;background:var(--blue)}.cta-card .cta-text p{margin:0 0 var(--s1)}.cta-card .cta-text .fine{font-size:var(--fs-sm);color:var(--mut)}.cta-card .cta{margin:0;flex-direction:column}.cta-card .cta .btn{width:100%;justify-content:center;text-align:center}.cta-card .btn-ghost{border-color:var(--blue)}@media(min-width:820px){.cta-card{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--s5);padding:var(--s4) clamp(24px,4vw,40px)}.cta-card:before{position:absolute;top:28px;left:clamp(24px,4vw,40px)}.cta-card .cta-text{max-width:600px;padding-top:20px}.cta-card .cta{flex:0 0 320px}}.page-hero{background:var(--blue-50);border-bottom:1px solid var(--line-2);padding-block:var(--s3) var(--s4)}.page-hero h1{font-size:clamp(1.9rem,1.4rem + 2.4vw,2.9rem);margin-bottom:var(--s1)}.page-hero .lead{margin:0}.crumbs{font-size:var(--fs-sm);color:var(--mut);margin-bottom:var(--s2)}.crumbs ol{display:flex;flex-wrap:wrap;gap:.25rem;list-style:none;margin:0;padding:0}.crumbs li+li:before{content:"/";margin-right:.35rem;color:#94a3b8}.crumbs a{color:var(--mut);display:inline-block;padding:6px 0}.layout{display:block;padding-block:var(--s4) var(--s6)}.prose{min-width:0}.prose>p,.prose>ul,.prose>ol,.prose>h2,.prose>h3,.prose>details,.prose>dl,.prose>address{max-width:72ch}.prose h2{margin-top:1.9em;padding-top:.2em;scroll-margin-top:calc(var(--hdr-full) + 16px)}.prose>h2:first-child{margin-top:0}.prose h3{margin-top:1.5em}.prose li{margin:.35em 0}.prose ul,.prose ol{padding-left:1.3em}.prose table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:var(--s2) 0;font-size:.9375rem;-webkit-overflow-scrolling:touch}.prose th,.prose td{border:1px solid var(--line);padding:.6rem .8rem;text-align:left;vertical-align:top;min-width:7.5rem}.prose th{background:var(--bg);color:var(--navy)}.prose .btn{margin:0 .5rem .5rem 0}.note-draft{background:var(--warn-bg);border:1px solid #fcd34d;border-radius:var(--r2);padding:.6rem 1rem;font-size:var(--fs-sm)}.toc{margin-bottom:var(--s4);padding:var(--s2) var(--s3);background:var(--bg);border:1px solid var(--line);border-radius:var(--r2);font-size:.9375rem}.toc-h{margin:0 0 .4rem;font-weight:800;color:var(--navy);font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase}.toc ol{margin:0;padding-left:1.2em}.toc li{margin:0}.toc a{display:inline-block;padding:.3rem 0;text-decoration:none}.toc a:hover{text-decoration:underline}@media(min-width:1000px){.layout.has-toc{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:var(--s5);align-items:start}.layout.has-toc .toc{grid-column:2;grid-row:1;position:sticky;top:calc(var(--hdr-full) + 24px);margin:0;max-height:calc(100dvh - var(--hdr-full) - 48px);overflow:auto}.layout.has-toc .prose{grid-column:1;grid-row:1}}.posts article{border-bottom:1px solid var(--line);padding:var(--s2) 0}.not-found{padding-block:var(--s6)}.site-footer{background:var(--navy);color:#cbd5e1;padding-block:var(--s5) calc(var(--s3) + env(safe-area-inset-bottom));font-size:.9375rem}.site-footer a{color:#e2e8f0;text-decoration:none;display:inline-block;padding:.3rem 0}.site-footer a:hover{color:#fff;text-decoration:underline}.site-footer h2{color:#fff;font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--s1)}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin:0}.foot-grid{display:grid;gap:var(--s4) var(--s3);grid-template-columns:1fr}.foot-brand .brand{color:#fff}.foot-brand .brand b{color:#93b4ff}.foot-brand p{margin:var(--s1) 0 var(--s2);max-width:34ch}.foot-trust{display:grid;gap:.35rem;font-weight:600;color:#fff}.foot-trust li:before{content:"";display:inline-block;vertical-align:-3px;margin-right:.5rem;width:18px;height:18px;border-radius:50%;background:#ffffff1f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.5l2.5 2.5L13 6.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat}.foot-addr{font-style:normal;margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid #1e3a5f;display:grid;gap:var(--s2) var(--s3)}.foot-addr strong{color:#fff}.copy{border-top:1px solid #1e3a5f;margin:var(--s3) 0 0;padding-top:var(--s2);font-size:.8125rem;color:#aebbd0}@media(min-width:600px){.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1 / -1}.foot-addr{grid-template-columns:1.4fr 1fr}}@media(min-width:1000px){.foot-grid{grid-template-columns:1.5fr 1fr 1fr 1fr}.foot-brand{grid-column:auto}}@media(min-width:640px){.cards{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.steps li{padding:calc(var(--s3) + 56px) var(--s3) var(--s3)}.steps li:before{top:var(--s3)}.price-box{grid-template-columns:1fr 1fr;padding:var(--s5) var(--s4)}.price-box .price-head{grid-column:1 / -1}}@media(min-width:900px){.hero{padding-block:var(--s6) var(--s6)}.hero-grid{grid-template-columns:1.1fr .9fr}.block{padding-block:var(--s6)}.cards.c3{grid-template-columns:repeat(3,1fr)}}@media(min-width:1600px){:root{--w: 1280px}}@media(prefers-reduced-motion:no-preference){.paper-wrap{animation:rise var(--d3) var(--ease) both;animation-delay:0s}.chip{animation:rise var(--d3) var(--ease) both;animation-delay:.22s}.tpl-card:hover .thumb{transform:translateY(-2px)}.thumb{transition:transform var(--d2) var(--ease)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}@media print{.site-header,.site-footer,.skip{display:none}body{padding-top:0}}.wrap.narrow{max-width:820px}.ico{flex:none}.lead-in{font-size:var(--fs-lead);color:var(--mut);max-width:60ch}.facts-row{display:grid;gap:.6rem;margin:var(--s2) 0 0;padding:0;list-style:none}.facts-row li{display:flex;align-items:center;gap:.65rem;color:var(--navy)}.facts-row .ico{width:36px;height:36px;padding:8px;margin:0;border-radius:var(--r1)}.facts-row b{font-weight:800}@media(min-width:640px){.facts-row{grid-template-columns:repeat(3,auto);justify-content:start;gap:var(--s3)}}.facts{display:grid;gap:0;margin:var(--s2) 0;border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;max-width:72ch}.facts>div{display:grid;gap:.1rem;padding:.75rem var(--s2);border-top:1px solid var(--line-2)}.facts>div:first-child{border-top:0}.facts dt{font-size:var(--fs-sm);font-weight:700;color:var(--mut)}.facts dd{margin:0;color:var(--ink);overflow-wrap:anywhere}@media(min-width:640px){.facts>div{grid-template-columns:9rem 1fr;gap:var(--s2)}}.notice{display:flex;gap:.75rem;align-items:flex-start;margin:var(--s2) 0;padding:.9rem 1rem;border:1px solid var(--line);border-radius:var(--r2);background:var(--bg);max-width:72ch}.notice .ico{width:24px;height:24px;margin:1px 0 0}.notice>div{min-width:0}.notice-ok{background:var(--ok-bg);border-color:#a7f3d0;color:#064e3b}.notice-ok .ico{color:var(--ok)}.notice-warn{background:var(--warn-bg);border-color:#fcd34d;color:#78350f}.notice-warn .ico{color:var(--warn)}.notice:focus{outline:3px solid var(--focus);outline-offset:2px}.protect{padding:var(--s4) 0 0}.protect-grid{display:grid;gap:var(--s2);margin:var(--s2) 0}.protect-i{display:flex;gap:var(--s2);align-items:flex-start;padding:var(--s2) var(--s3);background:#fff;border:1px solid var(--line);border-radius:var(--r3)}.protect-i .ico{margin:0}.protect-i h3{margin:0 0 .2em;font-size:1.0625rem}.protect-i p{margin:0;color:var(--mut)}@media(min-width:700px){.protect-grid{grid-template-columns:1fr 1fr}}.prose .protect{padding-top:var(--s2)}.guide-list{list-style:none;margin:var(--s2) 0;padding:0;display:grid;gap:var(--s1);max-width:72ch}.prose .guide-list{padding:0}.guide-list li{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r2)}.guide-list li:hover{border-color:var(--blue-100);box-shadow:var(--sh1)}.guide-list a{display:block;padding:.75rem var(--s2);font-weight:700;text-decoration:none;min-height:44px}.guide-list span{display:block;padding:0 var(--s2) .75rem;margin-top:-.35rem;color:var(--mut);font-size:.9375rem}.contact-cards .ico{margin-bottom:var(--s1)}.contact-cards .card p{overflow-wrap:anywhere}.howto{counter-reset:h;list-style:none;padding-left:0!important;max-width:72ch}.howto li{counter-increment:h;position:relative;padding:.2rem 0 .2rem 3rem;margin:var(--s2) 0}.howto li:before{content:counter(h);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.9375rem}.prose .price{font-size:clamp(2.5rem,2rem + 3vw,3.5rem);font-weight:800;color:var(--navy);letter-spacing:-.03em;line-height:1.1;margin:0 0 var(--s2)}.prose .price small{font-size:1rem!important;font-weight:600!important;color:var(--mut);letter-spacing:0}.updated{margin:var(--s1) 0 0}.quote{margin:0}.quote blockquote{margin:0 0 var(--s1)}.quote blockquote p{color:var(--ink);font-size:1.0625rem}.quote figcaption{font-size:var(--fs-sm);font-weight:700;color:var(--navy)}.form{display:grid;gap:var(--s2);max-width:640px;margin:var(--s2) 0}.form .f{display:grid;gap:.35rem}.form label{font-weight:700;color:var(--navy)}.form .opt{font-weight:400;color:var(--mut)}.form small{color:var(--mut);font-size:var(--fs-sm)}.form input[type=text],.form input[type=email],.form select,.form textarea{width:100%;min-height:48px;padding:.6rem .8rem;border:1.5px solid #8b9ab0;border-radius:var(--r1);background:#fff;color:var(--ink);font:400 1rem/1.4 var(--font)}.form textarea{min-height:9rem;resize:vertical}.form :is(input,select,textarea):focus-visible{outline:3px solid var(--focus);outline-offset:1px;border-color:var(--blue)}.form .btn{justify-self:start}.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}.cmp th,.cmp td{font-size:.9375rem}.m-cta{position:fixed;z-index:90;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:var(--s2);padding:.6rem max(var(--gut-r),16px) calc(.6rem + env(safe-area-inset-bottom)) max(var(--gut),16px);background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 20px #0b1f3a14}.m-cta[hidden]{display:none}.m-cta .btn{flex:1 1 auto;min-height:48px;padding-inline:1rem}.m-cta .fine{flex:none;max-width:9.5rem;line-height:1.25;margin:0}html.menu-open .m-cta{display:none}@media(min-width:900px){.m-cta{display:none!important}}@media(max-width:380px){.m-cta .fine{display:none}}@media(max-width:899.98px){body:has(.m-cta:not([hidden])) .site-footer{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}}.rb-consent{position:fixed;z-index:120;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));max-width:640px;margin-inline:auto;padding:var(--s2);background:#fff;border:1px solid var(--line);border-radius:var(--r3);box-shadow:var(--sh3)}.rb-consent p{margin:0 0 var(--s1);font-size:.9375rem}.rb-consent .btn{min-height:44px;padding:.4rem 1rem}.rb-consent div{display:flex;flex-wrap:wrap;gap:var(--s1)}.not-found h2{margin-top:var(--s4);font-size:1.25rem}.not-found .search-form{display:flex;gap:var(--s1);max-width:480px}.not-found .search-field{flex:1;min-height:48px;padding:.5rem .8rem;border:1.5px solid #8b9ab0;border-radius:var(--r1);font:400 1rem var(--font)}.not-found .search-submit{min-height:48px;padding:0 1.2rem;border-radius:var(--r1);border:2px solid var(--blue);background:var(--blue);color:#fff;font-weight:700;cursor:pointer}.foot-grid nav ul{margin:0}@media(min-width:1000px){.foot-grid{grid-template-columns:1.4fr 1fr 1fr .8fr 1.1fr}}@media(min-width:600px)and (max-width:999.98px){.foot-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:359.98px){.brand{font-size:1rem;gap:8px;min-width:0}.nav-toggle{padding:0 13px;gap:0}.nav-toggle>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.not-found .search-form{flex-wrap:wrap}.not-found .search-form label{flex:1 1 14rem;min-width:0;display:block}.not-found .search-field{width:100%}.not-found .search-submit{font:700 1rem/1 var(--font)}.hero-stack{position:relative;width:min(100%,400px);margin:0 auto;aspect-ratio:1 / 1.18}.hero-stack img{position:absolute;width:68%;height:auto;aspect-ratio:210 / 297;object-fit:cover;object-position:top;background:#fff;border-radius:6px;box-shadow:0 0 0 1px var(--line),var(--sh2)}.hero-stack img:first-child{right:0;top:0;transform:rotate(3deg)}.hero-stack img:last-child{left:0;bottom:0;transform:rotate(-2deg)}.brand-img{padding:4px 0}.brand-logo{display:block;width:auto;height:auto;max-height:44px;max-width:min(220px,52vw);object-fit:contain}.foot-brand .brand-img .brand-logo{max-height:48px;max-width:240px}.foot-brand .brand-chip{background:#fff;border-radius:10px;padding:8px 12px}@media(max-width:600px){.brand-logo{max-height:36px}}.share{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}.share-h{margin:0;font-size:var(--fs-sm)}.share-h span{color:inherit;opacity:.8}.share-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.share-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:var(--rp);background:#fff;color:var(--navy);font:600 .875rem/1 var(--font);text-decoration:none;cursor:pointer}.share-btn:hover{border-color:var(--blue);color:var(--blue)}.share-btn .ico{width:18px;height:18px;padding:0;margin:0;background:none}.share-btn[hidden]{display:none}.share-status{flex:1 1 100%;min-height:1.25em;font-size:var(--fs-sm);color:var(--ok);font-weight:600}.share-status:empty{display:none}.share-strip{padding:var(--s3) 0;margin:0 0 var(--s4);border-bottom:1px solid rgba(255,255,255,.14);color:#fff}.share-strip .share-btn{background:transparent;border-color:#ffffff59;color:#fff}.share-strip .share-btn:hover{background:#ffffff1a;border-color:#fff;color:#fff}.share-strip .share-status{color:#bbf7d0}.share-inline{margin-top:var(--s5);padding:var(--s3);border:1px solid var(--line);border-radius:var(--r3);background:var(--blue-50)}.site-footer a.share-btn{display:inline-flex;padding:0 14px;color:#fff;text-decoration:none}.site-footer a.share-btn:hover{color:#fff;text-decoration:none}.share-strip .share-btn .ico{color:#fff;stroke:currentColor;fill:none}.share-strip .share-h{flex:1 1 100%}@media(min-width:900px){.share-strip .share-h{flex:0 1 auto}}@media(min-width:1000px){body.app-page .site-header .wrap.hd{max-width:1680px;padding-inline:28px}}.share-lab{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.share-ab{font:700 .875rem/1 var(--font);letter-spacing:.01em}.share-btn{width:44px;min-width:44px;padding:0;border-radius:50%}.share-list{gap:10px}.share-hero{margin-top:var(--s3);padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 20px #0b1f3a12;gap:12px 18px;max-width:640px}.share-hero .share-h{display:flex;flex-direction:column;gap:2px;flex:1 1 170px;color:var(--navy);font-size:var(--fs-base)}.share-hero .share-h span{font-size:var(--fs-sm);color:var(--mut);opacity:1}.share-hero .share-list{gap:8px}.share-hero .share-btn{--f: var(--blue);--b: var(--blue-50);background:var(--b);border-color:transparent;color:var(--f);transition:background .15s,color .15s,transform .15s}.share-hero .share-btn:hover{background:var(--f);color:#fff;border-color:transparent;transform:translateY(-2px)}.share-hero .net-whatsapp{--f: #0f6b3a;--b: #e4f6ec}.share-hero .net-linkedin{--f: #0a58a8;--b: #e6f0fa}.share-hero .net-telegram{--f: #0b6a99;--b: #e3f3fa}.share-hero .net-x{--f: #0f172a;--b: #e9edf2}.share-hero .net-facebook{--f: #1a4fb0;--b: #e7edfb}.share-hero .net-email{--f: #334155;--b: #eef2f6}.share-hero .share-btn .ico{stroke:currentColor}@media(prefers-reduced-motion:reduce){.share-hero .share-btn{transition:none}.share-hero .share-btn:hover{transform:none}}@media(max-width:560px){.share-hero{padding:14px}.share-hero .share-list{width:100%;justify-content:flex-start}}.share-hero{flex-direction:column;align-items:flex-start;width:fit-content;max-width:100%}.share-hero .share-h{flex:0 0 auto}.share-list li:has(>.share-btn[hidden]){display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(900px 480px at 85% 15%,#cfe0ff,transparent 62%),linear-gradient(180deg,#f3f7ff,#fff);border-bottom:1px solid var(--blue-100)}.hero h1 em{font-style:normal;color:var(--blue)}.facts-row{display:flex;flex-wrap:wrap;gap:10px}.facts-row li{gap:.5rem;padding:6px 16px 6px 8px;border-radius:99px;background:#fff;border:1px solid var(--blue-100);box-shadow:0 2px 8px #1d4ed814;font-weight:600;font-size:.9375rem}.facts-row .ico{width:28px;height:28px;padding:6px;border-radius:50%;background:var(--blue-50)}.hero-stack{width:min(100%,520px);aspect-ratio:1 / .98}.hero-stack img{width:56%;box-shadow:0 0 0 1px #e5eaf3,0 22px 44px #0b1f3a33}.hero-stack img:nth-child(1){left:0;top:14%;right:auto;bottom:auto;transform:rotate(-7deg)}.hero-stack img:nth-child(2){right:0;top:12%;left:auto;bottom:auto;transform:rotate(8deg)}.hero-stack img:nth-child(3){left:22%;top:0;right:auto;bottom:auto;width:62%;transform:rotate(1.5deg);z-index:2}.paper-wrap{max-width:540px}.chip-top{top:4%;left:0;right:auto;bottom:auto;background:#fff;color:var(--navy);z-index:3}.tpl-all{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-height:220px;padding:var(--s3);border-radius:16px;background:linear-gradient(160deg,var(--blue),var(--blue-700));color:#fff;font-weight:700;text-align:center;text-decoration:none;box-shadow:var(--sh2)}.tpl-all:hover{color:#fff;transform:translateY(-2px)}.tpl-all-n{font-size:3rem;line-height:1;font-weight:800}.tpl-all-t{font-size:1.0625rem}@media(min-width:1000px){.tpl-grid{grid-template-columns:repeat(5,1fr)}.tpl-grid>.tpl-all{height:100%}}.price-panel{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s2);padding:var(--s4);border-radius:16px;background:linear-gradient(160deg,var(--navy),var(--navy-700));color:#cbd5e1}.price-panel h2{color:#9fb8ff;font-size:.875rem;letter-spacing:.06em;text-transform:uppercase;margin:0}.price-panel .price-amt{color:#fff;margin:0}.price-panel .price-amt small{color:#cbd5e1;display:block;margin:.4rem 0 0}.price-panel .price-sub{margin:0;color:#cbd5e1}.price-cols{display:grid;gap:var(--s3);align-content:start}.price-note{margin:0}@media(min-width:900px){.price-box{grid-template-columns:minmax(260px,1fr) 2fr;align-items:stretch;padding:var(--s3);gap:var(--s4)}.price-box .price-head{grid-column:auto}.price-cols{grid-template-columns:1fr 1fr;padding:var(--s2) var(--s2) 0 0}.price-note{grid-column:1 / -1}}@media(min-width:640px)and (max-width:899.98px){.price-box{grid-template-columns:1fr}.price-cols{grid-template-columns:1fr 1fr}.price-note{grid-column:1 / -1}}.faq-split{display:grid;gap:var(--s4)}.faq-intro h2{margin-top:0}.faq-intro .more{margin-top:var(--s2);font-weight:700}@media(min-width:900px){.faq-split{grid-template-columns:1fr 1.7fr;gap:var(--s6);align-items:start}}.foot-contact .foot-addr{margin:0;padding:0;border:0;display:block;font-style:normal}.foot-contact .foot-addr>div+div{margin-top:var(--s1)}.foot-contact .foot-co{margin-top:var(--s1)}@media(min-width:1000px){.foot-grid{grid-template-columns:1.4fr 1fr 1fr 1fr 1.4fr}}@media(min-width:600px)and (max-width:999.98px){.foot-contact{grid-column:1 / -1}}.facts-row{gap:8px}.facts-row li{padding:5px 12px 5px 6px;font-size:.875rem;white-space:nowrap}.tpl-card{height:100%}.tpl-card figcaption{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;width:100%;gap:var(--s1)}.tpl-card figcaption>p:last-child{margin-top:auto;padding-top:var(--s1)}.role-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}.role-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:99px;background:var(--blue-50);border:1px solid var(--blue-100);color:var(--navy);font-weight:600;text-decoration:none;transition:background .15s,color .15s,border-color .15s}.role-chip:hover{background:var(--blue);border-color:var(--blue);color:#fff;text-decoration:none}.role-lead{font-size:var(--fs-lead);color:var(--ink)}.role-start{display:grid;gap:var(--s3);align-items:center;margin:var(--s4) 0;padding:var(--s3);background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh2)}.role-start h2{margin-top:0}.role-thumb{width:min(100%,200px);margin-inline:auto}@media(min-width:720px){.role-start{grid-template-columns:200px 1fr;padding:var(--s4);gap:var(--s4)}}.role-related{columns:2;column-gap:var(--s4);padding-left:1.2em}@media(max-width:560px){.role-related{columns:1}}.role-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:var(--s2) 0 var(--s4);padding:0;list-style:none}.role-card{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:64px;padding:12px 16px;background:#fff;border:1px solid var(--line);border-radius:14px;color:var(--navy);text-decoration:none;transition:border-color .15s,box-shadow .15s}.role-card span{font-size:var(--fs-sm);color:var(--mut)}.role-card:hover{border-color:var(--blue);box-shadow:var(--sh2);text-decoration:none;color:var(--navy)}@media(prefers-reduced-motion:reduce){.role-chip,.role-card{transition:none}}

.role-sample{border:1px solid var(--line);border-radius:var(--r2);padding:var(--s2) var(--s3);background:var(--bg);margin-block:var(--s2)}.role-sample h3{margin-top:var(--s2)}.builder-info{border-top:1px solid var(--line)}

.app-content .rb-app{min-height:calc(100vh - var(--hdr-full));min-height:calc(100svh - var(--hdr-full))}