@font-face{font-family:Cairo;src:url('/assets/cairo-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Cairo;src:url('/assets/cairo-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--teal:#237a96;--purple:#32166d;--violet:#6239a8;--green:#4b9c61;--text:#24344d;--muted:#69748b;--bg:#f7f8fc;--line:#e5e9f2;--soft:#eef6f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Cairo,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.85}button,input,select,textarea{font:inherit}a{color:var(--teal);text-underline-offset:4px}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #67b4c9;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #65aac055;outline-offset:1px}button:disabled{opacity:.45;cursor:not-allowed}[hidden]{display:none!important}.container{max-width:1180px;padding:0 36px;margin:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;right:20px;z-index:100;background:white;padding:10px 16px}.skip-link:focus{top:10px}.site-header{background:#ffffffec;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.nav{min-height:86px;display:flex;align-items:center;gap:34px}.brand{display:block;line-height:1}.brand img{display:block;width:119px;height:40px}.nav nav{display:flex;gap:27px;align-items:center}.nav nav a{font-size:15px;font-weight:700;color:#67738a;text-decoration:none}.nav nav a:hover,.nav nav a[aria-current=page]{color:var(--teal)}.nav-label{margin-right:auto;font-size:13px;color:#8892a6;border:1px solid var(--line);padding:4px 10px;border-radius:20px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:center;padding-top:54px;padding-bottom:47px}.eyebrow{font-size:14px;font-weight:700;color:var(--teal);display:flex;align-items:center;gap:7px}.eyebrow i{background:var(--green);width:6px;height:6px;border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-size:53px;line-height:1.4;letter-spacing:-1px;margin-bottom:14px;color:var(--purple)}h1 span{color:var(--teal)}.hero h1{margin-top:13px}.hero p{font-size:16px;color:var(--muted);margin-bottom:23px}.hero-actions{display:flex;gap:13px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:45px;padding:9px 17px;border-radius:9px;font-size:15px;font-weight:700;text-decoration:none;border:1px solid transparent;white-space:nowrap}.primary{background:var(--teal);color:#fff}.primary:hover{background:#1c657d}.ghost{background:transparent;color:var(--purple);padding-right:7px;padding-left:7px}.outline{border-color:#d8e2e9;color:var(--teal);background:#fff}.outline:hover{background:var(--soft)}.trust-line{font-size:13px;color:#7f889b;display:flex;gap:20px;margin-top:20px}.hero-art{height:264px;position:relative;max-width:355px;width:100%;margin:0 auto}.art-block{position:absolute;border-radius:17px}.art-block.purple{width:188px;height:203px;top:2px;left:3px;background:var(--purple);transform:rotate(-8deg)}.art-block.green{width:174px;height:148px;bottom:0;right:2px;background:var(--green);transform:rotate(8deg)}.art-mini{position:absolute;right:24px;top:22px;background:#fff;border:1px solid #e1e9f1;border-radius:16px;width:278px;padding:26px 23px;box-shadow:0 15px 35px #32166d0e}.art-mini>span{font-size:12px;color:#8f96a7}.art-mini strong{display:block;font-size:20px;color:var(--purple);margin:8px 0 18px}.mini-bars{display:flex;align-items:end;gap:9px;height:72px;direction:ltr}.mini-bars i{height:25%;flex:1;background:#d9eef3;border-radius:4px 4px 0 0}.mini-bars i:nth-child(2){height:43%}.mini-bars i:nth-child(3){height:63%;background:#aed4df}.mini-bars i:nth-child(4){height:82%;background:var(--teal)}.mini-bars i:nth-child(5){height:100%;background:var(--violet)}.art-chip{position:absolute;right:-5px;bottom:15px;border-radius:10px;background:#fff;border:1px solid var(--line);padding:10px 17px;color:var(--violet);font-size:22px;font-weight:700;box-shadow:0 7px 20px #32166d0a;display:flex;align-items:center;gap:11px}.art-chip span{font-size:12px;color:var(--muted);font-weight:400}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}h2{font-size:24px;color:var(--purple);margin-bottom:0;font-weight:700;line-height:1.7}.section-heading .eyebrow{margin-bottom:3px}.currency-pill{color:#8a94a6;font-size:13px;border:1px solid #e0e7ef;background:white;border-radius:24px;padding:6px 13px}.calc-section{scroll-margin-top:105px}.workspace{display:grid;grid-template-columns:1.08fr 1fr;gap:25px;align-items:start}.input-card,.breakdown,.comparison,.schedule-section{border:1px solid var(--line);background:#fff;border-radius:17px}.input-card{padding:24px}.mode-tabs{display:flex;gap:4px;padding:5px;background:#f0f3f9;border-radius:10px}.mode-tabs button{border:0;background:none;flex:1;font-size:15px;color:#7a849a;font-weight:700;border-radius:7px;min-height:38px;padding:5px}.mode-tabs button.active{background:#fff;color:var(--purple);box-shadow:0 2px 6px #32166d0a}.mode-help{font-size:13px;color:#8a94a4;line-height:1.8;margin:11px 0 19px}.field{margin-bottom:17px;min-width:0}.field label{display:block;font-size:14px;color:#4d5b73;font-weight:700;margin-bottom:7px}.input-wrap{border:1px solid #dfe5ee;background:#fbfcff;border-radius:9px;display:flex;align-items:center;min-height:48px;direction:ltr}.input-wrap:focus-within{border-color:#4395af;box-shadow:0 0 0 3px #237a960d}.input-wrap input{border:0;background:none;outline:0;color:var(--purple);width:100%;min-width:0;font-family:Cairo,sans-serif;font-size:21px;line-height:1.3;letter-spacing:.3px;font-weight:700;direction:ltr;text-align:left;padding:11px 14px}.input-wrap input::placeholder{font-size:13px;letter-spacing:0;font-weight:400}.input-wrap span{white-space:nowrap;min-width:58px;text-align:center;border-left:1px solid #e3e8f0;padding:0 9px;font-size:13px;color:#8a94a6;direction:rtl}.field select,.date-input,.feedback-form select{width:100%;background:#fbfcff;border:1px solid #dfe5ee;border-radius:9px;min-height:45px;color:#596781;font-size:14px;padding:9px}.date-input{direction:ltr;max-width:100%}.field small,.details-body>small{font-size:12px;color:#8a94a6;display:block;line-height:1.85;margin-top:5px}.chips{display:flex;gap:6px;margin-top:8px}.chips button{flex:1;border:1px solid #e4eaf1;border-radius:6px;font-size:12px;color:#8e96a8;background:#fff;padding:4px 1px}.chips button.selected{border-color:#b4d7e3;background:#eef7f9;color:var(--teal);font-weight:700}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:13px}.optional{font-size:12px;color:#8e98a9;font-weight:400}.form-details{border-top:1px solid #e9edf4;margin-top:12px;padding:13px 0 0}.form-details summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;color:var(--purple);list-style:none;gap:10px}.form-details summary::before{content:'＋';font-size:16px;color:var(--teal);order:3}.form-details[open] summary::before{content:'−'}.form-details summary>span{font-size:12px;color:#8d97a7;font-weight:400;margin-right:auto}.details-body{padding-top:15px}.small-note{font-size:13px;color:#8390a4;line-height:1.9;margin-bottom:12px}.inline-link,.source-link,.text-link{font-size:14px;color:var(--teal);font-weight:700;text-decoration:none}.source-link{font-size:13px;display:inline-block;margin:4px 0}.source-link:hover,.inline-link:hover{text-decoration:underline}.form-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:15px;padding-top:13px}.text-button{border:0;background:transparent;color:#78889a;font-size:13px;padding:5px 0}.text-button:hover{color:var(--teal)}.error,.warning{font-size:13px;padding:11px 13px;border:1px solid #edd4c7;border-radius:8px;background:#fff5ee;color:#98593f;margin:14px 0 0}.warning{margin:0 0 14px;line-height:1.9}.result-column{display:flex;flex-direction:column;gap:16px;position:sticky;top:105px}.result-card{background:var(--purple);color:#fff;border-radius:17px;padding:25px 28px;position:relative;overflow:hidden}.result-card:after{content:'';position:absolute;border:1px solid #ffffff12;width:170px;height:170px;border-radius:24px;transform:rotate(-20deg);top:15px;left:-85px;pointer-events:none}.result-top{display:flex;justify-content:space-between;align-items:center;color:#c2b7dc;font-size:14px}.result-tag{font-size:12px;border:1px solid #d7cdeb44;border-radius:20px;padding:4px 10px}.hero-result{padding:22px 0}.hero-result p{font-size:15px;color:#cfc3e7;margin-bottom:2px}.hero-result>div{display:flex;align-items:baseline;gap:10px}.hero-result strong{font-size:46px;font-weight:700;letter-spacing:-1px;line-height:1.5;font-variant-numeric:tabular-nums}.hero-result span{font-size:13px;color:#c6b8e2}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid #ffffff22;padding-top:16px}.result-grid>div+div{border-right:1px solid #ffffff22;padding-right:18px}.result-grid span{display:block;font-size:12px;color:#c5b7e1}.result-grid strong{font-size:22px;line-height:1.8;font-weight:700;font-variant-numeric:tabular-nums}.result-grid small{font-size:12px;color:#baa8dc;margin-right:4px}.cost-bar{height:7px;background:#ffffff30;border-radius:7px;margin-top:21px;overflow:hidden;direction:ltr}.cost-bar span{background:var(--green);display:block;height:100%;width:15.6%}.legend{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#bcaed7;margin-top:8px}.legend span{display:flex;align-items:center;gap:5px}.legend i{height:5px;width:5px;border-radius:50%}.net-dot{background:#ffffff60}.cost-dot{background:var(--green)}.breakdown{padding:20px 24px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head .small-note{font-size:11px;margin:0}h3{font-size:16px;line-height:1.8;margin-bottom:8px;color:var(--purple)}dl{margin:6px 0 0}dl>div{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:5px 0}dt{font-size:13px;color:#8390a4}dd{margin:0;font-size:14px;font-weight:700;color:#405270;white-space:nowrap;font-variant-numeric:tabular-nums}.apr-row{border-top:1px dashed var(--line);margin-top:7px;padding-top:12px!important}.apr-row dt{color:var(--purple);font-weight:700}.apr-row dd{color:var(--teal);font-size:16px}.result-note{font-size:12px;color:#8b96a8;margin:12px 0}.action-pair{display:flex;gap:9px;flex-wrap:wrap}.action-pair .button{flex:1;padding:8px 12px;font-size:13px;min-height:39px}.save-status{font-size:13px;color:var(--teal);margin:8px 0 0}.invalid .result-card{opacity:.55}.schedule-section{margin-top:24px;padding:16px 22px;max-height:590px;overflow:auto}.schedule-section summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:15px;color:var(--purple);font-weight:700}.schedule-section summary span{font-size:12px;color:#8c97ab;font-weight:400}.schedule-section .small-note{margin-top:13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right;font-size:13px;min-width:460px}th,td{padding:11px 12px;border-bottom:1px solid #e8edf4;white-space:nowrap}th{font-weight:700;color:var(--purple);background:#f7f5fc}td{color:#67758d;font-variant-numeric:tabular-nums}tbody th{background:transparent;color:#7b899b;font-weight:400}.comparison{margin-top:34px;padding:25px 28px}.comparison.container{max-width:1108px;margin-right:auto;margin-left:auto}.empty-state{padding:19px 0;display:flex;align-items:center;gap:17px}.empty-state>span{font-size:33px;color:var(--teal);width:62px;height:62px;border-radius:13px;background:#eef6f8;text-align:center;line-height:62px}.empty-state strong{font-size:15px;color:#74859a}.empty-state p{font-size:13px;margin:3px 0 0;color:#8b97a9}.offers-table-wrap{overflow:auto;margin-bottom:15px}.offers-table-wrap th:first-child{min-width:130px}.offers-table-wrap td{font-weight:700}.offer-actions{display:flex;gap:11px;align-items:center;margin-top:4px}.offer-actions button{font-size:12px;border:0;background:none;color:var(--teal);padding:2px 0}.offer-actions .remove{color:#9d7668}.offer-name{max-width:150px;border:1px solid #ded8ec;background:white;border-radius:5px;padding:4px 6px;width:100%;font-size:14px;color:var(--purple);font-weight:700}.best-cell{background:#f0f8f1;color:#387849!important}.learn-section,.quick-faq{padding-top:50px}.learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.learn-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px}.learn-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;font-size:25px;font-weight:700;margin-bottom:15px}.learn-symbol.teal{color:var(--teal);background:#e8f3f6}.learn-symbol.purple{color:var(--violet);background:#f0eafb}.learn-symbol.green{color:#367244;background:#eaf4ed;font-size:15px}.learn-card h3{font-size:16px;margin-bottom:7px}.learn-card p{font-size:14px;color:#8390a4;margin-bottom:16px}.example-line{font-size:12px;color:#8a97a8;line-height:2.1;display:block;border-top:1px solid var(--line);padding-top:12px}.example-line strong{font-size:13px;color:#637891;font-weight:700}.faq-item{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:10px;overflow:hidden}.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:15px;font-weight:700;color:#556781;padding:15px 20px;cursor:pointer;list-style:none}.faq-item summary>span{color:var(--teal);font-size:19px;font-weight:400}.faq-item[open] summary>span{transform:rotate(45deg)}.faq-item>div{padding:0 20px 17px}.faq-item p{font-size:14px;color:#7d8ca0;line-height:2;margin-bottom:7px}.bottom-cta{max-width:1108px;margin-top:40px;margin-bottom:55px;background:#eef3f8;border:1px solid #dde6ef;padding:27px 30px;border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:20px}.bottom-cta h2{font-size:21px}.bottom-cta p{font-size:14px;color:#8290a5;margin:3px 0 0}.site-footer{background:var(--purple);color:#cdc2e3;padding:38px 0 20px}.footer-top{display:flex;justify-content:space-between;gap:50px}.footer-brand img{display:block}.footer-top p{font-size:13px;color:#a99ac4;margin-top:15px;margin-bottom:0}.footer-top nav{display:grid;grid-template-columns:1fr 1fr;gap:8px 45px;align-content:start}.footer-top nav a{font-size:13px;color:#c4b7dd;text-decoration:none}.footer-top nav a:hover{color:white}.footer-bottom{border-top:1px solid #ffffff18;margin-top:25px;padding-top:15px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#9b8db6}.article{max-width:900px;padding-top:35px;padding-bottom:65px}.article h1{font-size:37px;margin-top:14px;margin-bottom:13px}.article h2{font-size:21px;margin:30px 0 10px}.article p,.article li{font-size:15px;color:#75849b;line-height:2.1}.article-lead{font-size:16px!important;margin-bottom:28px;color:#8995a8!important}.back-link{font-size:13px;text-decoration:none;display:inline-block;margin-bottom:20px}.article-callout{background:#eef5f9;border:1px solid #dce9f0;border-right:4px solid var(--teal);border-radius:10px;font-size:15px;color:#506984;padding:15px 20px;margin:22px 0}.article-steps{padding-right:21px}.article-steps li{padding:5px 0}.article-steps strong{color:#536b87}.formula{background:#f0edf7;color:var(--purple);border-radius:10px;padding:17px 22px;font-family:Arial,sans-serif;font-size:16px;line-height:2}.review-date{font-size:13px!important;margin-top:25px}.faq-tools{margin:24px 0}.faq-tools input{width:100%;background:white;border:1px solid var(--line);border-radius:10px;padding:14px 18px;font-size:15px;color:var(--purple)}.filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.filter-chips button{border:1px solid var(--line);background:#fff;color:#8b97aa;padding:6px 13px;border-radius:20px;font-size:13px}.filter-chips button.selected{border-color:var(--teal);background:var(--teal);color:white}.help-links{display:flex;flex-wrap:wrap;gap:15px;margin:20px 0 30px}.help-links a{font-size:14px;text-decoration:none}.feedback-form{max-width:650px;background:white;border:1px solid var(--line);border-radius:12px;padding:23px}.feedback-form label{display:block;font-size:14px;font-weight:700;color:#596e89;margin:14px 0 7px}.feedback-form textarea{width:100%;font-size:15px;background:#fbfcff;border:1px solid #dfe5ee;border-radius:9px;padding:12px;resize:vertical;color:#596781}.feedback-form .action-pair{margin-top:15px}body.printing .site-header{position:static}@media(max-width:900px){.nav{gap:20px}.nav nav{gap:17px}.nav-label{display:none}.hero{gap:25px}.hero-art{transform:scale(.9)}.comparison.container,.bottom-cta{margin-left:36px;margin-right:36px}.workspace{gap:18px}.input-card{padding:19px}.result-card{padding:23px}.breakdown{padding:18px}.action-pair .button{padding:7px 10px;font-size:12px}dt{font-size:12px}}@media(max-width:700px){html{scroll-padding-top:80px}.container{padding-left:20px;padding-right:20px}.nav{min-height:72px;justify-content:space-between;flex-wrap:wrap;gap:0}.brand img{width:105px;height:35px}.menu-toggle{display:block;border:1px solid var(--line);border-radius:7px;background:white;font-size:14px;color:var(--teal);padding:6px 11px}.nav nav{display:none;width:100%;padding:10px 0 18px;flex-direction:column;align-items:start;gap:13px}.nav nav.open{display:flex}.hero{grid-template-columns:1fr;gap:20px;padding-top:30px;padding-bottom:32px}.hero h1{font-size:42px;line-height:1.45;margin:10px 0 12px}.hero p{font-size:15px;margin-bottom:19px}.hero-art{display:none}.hero-actions{gap:7px}.hero-actions .button{font-size:13px;padding:8px 13px}.trust-line{font-size:11px;gap:14px;margin-top:17px}h2{font-size:21px}.section-heading{margin-bottom:18px;gap:8px}.eyebrow{font-size:12px}.currency-pill{font-size:11px;padding:4px 9px}.workspace{grid-template-columns:1fr}.input-card{padding:19px}.mode-tabs button{font-size:14px}.result-column{position:static;gap:15px}.result-card{padding:24px}.hero-result strong{font-size:45px}.result-grid strong{font-size:23px}.breakdown{padding:21px}dt{font-size:13px}dd{font-size:14px}.comparison.container{margin-left:20px;margin-right:20px;padding:20px;margin-top:28px}.comparison h2{font-size:19px}.schedule-section{padding:15px 16px;max-height:480px}.learn-section,.quick-faq{padding-top:34px}.learn-grid{grid-template-columns:1fr;gap:13px}.learn-card{padding:21px;display:grid;grid-template-columns:45px 1fr;gap:0 14px}.learn-symbol{grid-row:1/4;margin:0}.learn-card p,.learn-card .example-line{grid-column:2}.learn-card h3{margin-top:1px}.learn-card p{margin-bottom:11px}.learn-card .example-line{font-size:12px}.section-heading>.inline-link{font-size:12px;white-space:nowrap}.faq-item summary{font-size:14px;padding:13px 16px}.faq-item>div{padding:0 16px 15px}.bottom-cta{margin:30px 20px 35px;padding:21px;align-items:start;flex-direction:column;gap:15px}.bottom-cta h2{font-size:19px}.bottom-cta .button{font-size:13px;min-height:39px}.site-footer{padding-top:28px}.footer-top{gap:28px;flex-direction:column}.footer-top nav{gap:9px 22px}.footer-bottom{align-items:start;flex-direction:column;gap:6px;margin-top:20px;padding-top:14px}.article{padding-top:24px;padding-bottom:40px}.article h1{font-size:28px;line-height:1.65}.article p,.article li{font-size:15px}.article-lead{font-size:15px!important}.article h2{font-size:20px}.article-callout{font-size:15px;padding:13px 16px}.field-pair{gap:10px}.field select{font-size:13px}.form-details summary{font-size:13px}.field label{font-size:13px}.form-details summary>span{font-size:11px}.input-wrap input{font-size:20px;padding:10px 12px}.chips button{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-result>div{flex-wrap:wrap}.hero-result strong.long-value{font-size:30px;max-width:100%;overflow-wrap:anywhere}@media(max-width:700px){.field small,.details-body>small,.mode-help,.result-note{font-size:12px}.breakdown dt{font-size:12px}.breakdown dd{font-size:13px}.hero-result strong.long-value{font-size:29px}}
