.cl-page{--cl-primary:#1f5fbf;--cl-primary-dark:#12499b;--cl-primary-soft:#eaf2ff;--cl-border:#d9e5f6;--cl-text:#153257;--cl-text-soft:#5e769a;min-height:100vh;font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:var(--cl-text);background:linear-gradient(180deg,#f6f9ff,#f0f5fc)}.cl-hero{position:relative;overflow:hidden;padding:84px 24px 56px;background:linear-gradient(140deg,#f8fbff,#edf4ff 40%,#e9f2ff);border-bottom:1px solid var(--cl-border)}.cl-hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(31,95,191,.06) 1px,transparent 0),linear-gradient(90deg,rgba(31,95,191,.06) 1px,transparent 0);background-size:52px 52px;-webkit-mask-image:radial-gradient(ellipse 70% 65% at 50% 30%,#000 0,transparent 100%);mask-image:radial-gradient(ellipse 70% 65% at 50% 30%,#000 0,transparent 100%)}.cl-hero__orb{position:absolute;border-radius:50%}.cl-hero__orb--1{top:-200px;right:-140px;width:480px;height:480px;background:radial-gradient(circle,rgba(67,133,231,.22),transparent 65%)}.cl-hero__orb--2{left:-180px;bottom:-220px;width:420px;height:420px;background:radial-gradient(circle,rgba(31,95,191,.14),transparent 70%)}.cl-hero__inner{max-width:860px;margin:0 auto;text-align:center;position:relative;z-index:1}.cl-breadcrumb{display:flex;justify-content:center;gap:8px;margin-bottom:22px;font-size:13px}.cl-breadcrumb__link{color:#5278ad;text-decoration:none}.cl-breadcrumb__link:hover{color:var(--cl-primary-dark)}.cl-breadcrumb__current,.cl-breadcrumb__sep{color:#7a95ba}.cl-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;border:1px solid #c5d9f4;border-radius:999px;background:#fff;color:var(--cl-primary);font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;padding:8px 14px}.cl-eyebrow__dot{width:7px;height:7px;border-radius:999px;background:#2f74da}.cl-hero__title{margin:0 0 14px;color:#102f58;letter-spacing:-.02em;font-size:clamp(30px,5vw,54px);line-height:1.08;font-weight:800}.cl-hero__lead{margin:0 auto 28px;max-width:710px;color:var(--cl-text-soft);line-height:1.7;font-size:17px}.cl-hero__badges{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.cl-hero__badge{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;border:1px solid #cbdcf3;background:#fff;color:#2b507f;font-size:13px;font-weight:600}.cl-tool-section{padding:18px 24px 72px}.cl-tool-container{max-width:980px;margin:0 auto}.cl-tool-container>main{background:transparent!important;padding:0!important}.cl-tool-container>main>div{max-width:100%!important}.cl-tool-container>main>div>header,.cl-tool-container>main>div>p:first-child{display:none!important}.cl-tool-container p[aria-live=polite]{color:#6485b2!important}.cl-tool-container button.rounded-xl,.cl-tool-container section.rounded-xl{border:1px solid var(--cl-border)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 12px 30px rgba(20,73,155,.08)!important}.cl-tool-container input[type=text],.cl-tool-container select,.cl-tool-container textarea{background:#fff!important;border-color:#d4e2f6!important;color:#173962!important}.cl-tool-container input[type=text]::-moz-placeholder,.cl-tool-container textarea::-moz-placeholder{color:#89a2c5!important}.cl-tool-container input[type=text]::placeholder,.cl-tool-container textarea::placeholder{color:#89a2c5!important}.cl-tool-container input[type=text]:focus,.cl-tool-container select:focus,.cl-tool-container textarea:focus{border-color:#4c83d7!important;box-shadow:0 0 0 3px rgba(76,131,215,.16)!important}.cl-tool-container h3,.cl-tool-container label,.cl-tool-container p[class*=font-semibold],.cl-tool-container span[class*=font-semibold]{color:#21456f!important}.cl-tool-container p[class*="text-[#5F5E5A]"],.cl-tool-container p[class*="text-[#9C9A92]"],.cl-tool-container span[class*="text-[#5F5E5A]"],.cl-tool-container span[class*="text-[#9C9A92]"]{color:#6c86aa!important}.cl-tool-container button[class*="border-[#E2E0D8]"][class*=bg-white]{background:#fff!important;border-color:#cddcf2!important;color:#2a4f7e!important}.cl-tool-container button[class*="border-[#E2E0D8]"][class*=bg-white]:hover{border-color:#9fbce9!important}.cl-tool-container div[class*=rounded-xl][class*="border-[#E2E0D8]"][class*=bg-white]{background:#fff!important;border-color:#d6e3f5!important}.cl-tool-container mark{background-color:#e8f1ff!important;color:#1f5fbf!important}.cl-faq-section{background:#f3f8ff;border-top:1px solid var(--cl-border);padding:72px 24px 90px}.cl-faq__title{color:#14365e}.cl-faq__item{border-color:#d6e4f7}.cl-faq__question{color:#244c7a}.cl-faq__answer p{color:#6683a8}@media (max-width:640px){.cl-hero{padding:72px 16px 46px}.cl-hero__lead{font-size:15px}.cl-tool-section{padding:10px 16px 56px}}.cl-guide{position:relative;padding:26px 24px 110px}.cl-guide:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 0,rgba(76,131,215,.09),transparent 38%),radial-gradient(circle at 90% 24%,rgba(31,95,191,.08),transparent 34%)}.cl-guide__inner{max-width:900px;margin:0 auto;position:relative;z-index:1}.cl-guide-hero{text-align:center;padding:34px 28px 28px;border:1px solid #d5e3f7;border-radius:22px;background:linear-gradient(180deg,#fff,#f5faff);box-shadow:0 16px 42px rgba(17,62,129,.08)}.cl-guide-hero h2{margin:0 0 12px;font-size:clamp(28px,4vw,44px);line-height:1.15;color:#102f58;letter-spacing:-.02em}.cl-guide-hero h2 span{color:#1f5fbf}.cl-guide-hero p{max-width:720px;margin:0 auto;color:#56739a;line-height:1.75;font-size:16px}.cl-guide-pill{display:inline-flex;border:1px solid #c9dcf7;border-radius:999px;padding:8px 14px;margin-bottom:12px;color:#1f5fbf;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;background:#fff}.cl-guide-section{margin-top:20px;border:1px solid #d5e3f7;background:#fff;border-radius:18px;padding:24px;box-shadow:0 14px 36px rgba(18,73,155,.07);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.cl-guide-section:hover{transform:translateY(-2px);border-color:#bfd3f2;box-shadow:0 18px 44px rgba(18,73,155,.1)}.cl-guide-section h2{margin:0 0 12px;color:#163b66;font-size:clamp(21px,2.2vw,31px);line-height:1.2;letter-spacing:-.01em}.cl-guide-section p{color:#5f789d;line-height:1.78;font-size:15px}.cl-guide-section a{color:#1f5fbf;text-decoration:none}.cl-guide-section a:hover{text-decoration:underline}.cl-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:12px 0}.cl-list-item{display:flex;align-items:flex-start;gap:10px;border:1px solid #d5e3f7;border-radius:12px;padding:11px 13px;color:#2e517f;background:linear-gradient(180deg,#fbfdff,#f4f9ff);font-size:14px;line-height:1.45;font-weight:500}.cl-list-item:before{content:"✓";width:18px;height:18px;flex:0 0 18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#e8f1ff;color:#1f5fbf;font-weight:700;font-size:11px;margin-top:1px}.cl-card{border:1px solid #d6e3f6;border-radius:16px;background:linear-gradient(180deg,#fbfdff,#f3f8ff);padding:18px}.cl-meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.cl-meta-tag{font-size:13px;border:1px solid #d4e2f6;border-radius:8px;padding:6px 11px;color:#5f789d;background:#fff}.cl-meta-tag span{color:#1f5fbf;font-weight:700}.cl-letter-label{color:#5f789d;font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-bottom:8px}.cl-letter-box{border:1px solid #dbe7f8;border-radius:12px;background:#fff;color:#1f3f6d;font-family:Georgia,serif;line-height:1.8;padding:16px}.cl-steps{display:grid;gap:10px}.cl-step{display:grid;grid-template-columns:38px 1fr;gap:12px;border:1px solid #d3e2f7;border-radius:12px;background:linear-gradient(180deg,#f9fcff,#f2f7ff);padding:13px;transition:border-color .2s ease,box-shadow .2s ease}.cl-step:hover{border-color:#bfd3f2;box-shadow:0 8px 22px rgba(20,73,155,.09)}.cl-step__num{width:30px;height:30px;border-radius:8px;background:linear-gradient(180deg,#2b6ecf,#1f5fbf);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.cl-step strong{display:block;color:#1f3f6d;margin-bottom:2px}.cl-step span{display:block;color:#5f789d;font-size:14px}.cl-callout{margin-top:12px;border:1px solid #c9dcf8;border-radius:14px;background:linear-gradient(180deg,#f3f8ff,#eaf3ff);padding:13px 15px;display:flex;gap:10px;align-items:flex-start}.cl-callout p{margin:0}.cl-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cl-compare-card{border:1px solid #d5e3f7;background:linear-gradient(180deg,#fbfdff,#f4f9ff);border-radius:14px;padding:16px}.cl-compare-card h4{margin:0 0 8px;color:#1f3f6d}.cl-compare-card ul{margin:0;padding-left:18px;color:#5f789d}.cl-faq-list{display:grid;gap:8px}.cl-faq-item{border:1px solid #d2e1f7;border-radius:12px;background:#fff;padding:14px;transition:border-color .2s ease,box-shadow .2s ease}.cl-faq-item[open]{border-color:#bfd3f2;box-shadow:0 8px 20px rgba(17,62,129,.08)}.cl-faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#1f3f6d;cursor:pointer;font-weight:600}.cl-faq-item summary::-webkit-details-marker{display:none}.cl-faq-item summary:after{content:"+";width:22px;height:22px;border-radius:999px;border:1px solid #c9dcf8;background:#f3f8ff;color:#1f5fbf;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;line-height:1;flex:0 0 22px}.cl-faq-item[open] summary:after{content:"−"}.cl-faq-item p{margin:8px 0 0}.cl-guide-cta{margin-top:22px;border:1px solid #bfd3f2;border-radius:20px;padding:30px 24px;background:radial-gradient(circle at 10% 16%,rgba(94,147,231,.2),transparent 32%),radial-gradient(circle at 90% 84%,rgba(31,95,191,.16),transparent 30%),linear-gradient(180deg,#f7fbff,#e9f2ff);text-align:center;box-shadow:0 16px 42px rgba(17,62,129,.1)}.cl-guide-cta h2{margin:0 0 8px;color:#163b66;font-size:clamp(24px,2.4vw,34px)}.cl-guide-cta p{margin:0 auto 14px;max-width:620px;color:#5f789d}.cl-guide-cta a{display:inline-block;background:linear-gradient(180deg,#2b6ecf,#1f5fbf);border:1px solid #1f5fbf;color:#fff;text-decoration:none;font-weight:700;border-radius:12px;padding:11px 20px;box-shadow:0 10px 20px rgba(31,95,191,.28);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.cl-guide-cta a:hover{background:linear-gradient(180deg,#2664bc,#12499b);transform:translateY(-1px);box-shadow:0 14px 26px rgba(31,95,191,.33)}blockquote{border-left:3px solid #1f5fbf;border-radius:10px;background:#f2f7ff;color:#315887;margin:14px 0 0;padding:12px 14px;font-style:italic}@media (max-width:720px){.cl-guide{padding:16px 16px 74px}.cl-guide-hero{padding:26px 16px 20px;border-radius:16px}.cl-guide-section{padding:18px}.cl-compare-grid{grid-template-columns:1fr}.cl-guide-cta{padding:24px 16px;border-radius:16px}}