@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#14282c;--muted:#60706e;--paper:#f7f6f0;--white:#fffefa;--line:#dce0d6;--accent:#d86331;--accent-light:#f0a16b;--font:'IBM Plex Sans Arabic',Tahoma,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);line-height:1.75;-webkit-font-smoothing:antialiased}html[lang=en]{--font:'Manrope',Arial,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:#f3c3a4;color:var(--ink)}.shell{width:min(1240px,calc(100% - 96px));margin-inline:auto}.preview-strip{min-height:33px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--ink);color:#deebe5;font-size:11px;letter-spacing:.1px;padding:5px 15px}.status-dot{height:5px;width:5px;background:var(--accent-light);border-radius:50%}.header{background:rgba(247,246,240,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-icon{height:40px;width:40px;color:var(--accent)}.brand>span{font:10px/1.4 Manrope,Arial,sans-serif;letter-spacing:1.2px}.brand strong{display:block;font-weight:800;letter-spacing:1px;font-size:24px}.brand-period{color:var(--accent)}.desktop-nav{display:flex;gap:30px;font-size:14px}.desktop-nav a:hover,.text-link:hover,.footer a:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:22px}.language-switch{border:0;background:none;padding:8px 0;color:var(--ink);font:600 13px Manrope,Arial,sans-serif}.language-switch span{margin-inline-start:4px;color:var(--accent)}.contact-link{border-bottom:1px solid var(--ink);font-size:14px;padding-bottom:2px}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:70px;padding-block:65px 75px;min-height:620px}.eyebrow{display:flex;gap:9px;align-items:center;font:600 11px Manrope,Arial,sans-serif;letter-spacing:1.7px;margin:0 0 22px}.eyebrow>span:first-child{width:7px;height:7px;background:var(--accent);border-radius:50%}h1{font-size:clamp(43px,4.7vw,65px);font-weight:600;line-height:1.32;letter-spacing:-1.8px;margin:0 0 25px}h1 em{font-style:normal;color:var(--accent)}.hero-description{font-size:17px;color:var(--muted);max-width:440px;line-height:1.9;margin:0 0 27px}.hero-actions{display:flex;gap:30px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:52px;padding:13px 23px;border:1px solid transparent;font-size:14px;font-weight:600;transition:background .2s,transform .2s,color .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:white}.primary:hover{background:#bf5224}.direction-arrow{font:22px/1 Arial,sans-serif}html[dir=rtl] .direction-arrow{transform:scaleX(-1)}.text-link{font-weight:500;font-size:14px;border-bottom:1px solid var(--line);padding-bottom:3px;white-space:nowrap}.hero-note{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);margin-top:29px}.hero-note>span:first-child{font-size:20px;color:var(--accent)}.design-board{position:relative;isolation:isolate;background:var(--ink);color:#e6ebd8;min-width:0;box-shadow:13px 13px 0 #e8e9df;aspect-ratio:1/1.06;overflow:hidden}.board-top{display:flex;justify-content:space-between;align-items:center;padding:25px 29px;font:10px Manrope,Arial,sans-serif;letter-spacing:1.5px;direction:ltr}.board-cross{font-size:24px;font-weight:300;color:var(--accent-light)}.system-art{display:block;width:100%;position:absolute;inset:11% 0 auto;opacity:.96}.board-caption{position:absolute;bottom:77px;inset-inline:28px;display:flex;justify-content:space-between;align-items:center;gap:10px}.board-label{font-size:19px;line-height:1.45;max-width:220px}.board-index{font:9px Manrope,Arial,sans-serif;color:#94aaa1;direction:ltr;white-space:nowrap}.board-bottom{position:absolute;bottom:0;inset-inline:0;border-top:1px solid #3b5050;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#b9cfc4}.board-bottom>span:last-child{font-size:22px;color:var(--accent-light)}.intro-band{border-block:1px solid var(--line);background:#edefe6}.band-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px;font-size:14px;font-weight:500}.band-star{color:var(--accent);font-size:24px;font-weight:400}.section{padding-block:95px}.section-kicker{font-size:11px;font-weight:600;color:var(--accent);letter-spacing:.6px;margin:0 0 15px}h2{font-size:40px;font-weight:600;line-height:1.4;letter-spacing:-1px;margin:0 0 15px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px}.section-heading p:not(.section-kicker),.process-intro>p:last-child,.faq-section>div>p:last-child{color:var(--muted);font-size:15px;margin:0}.currency-field{flex-shrink:0;min-width:205px}.currency-field label{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}.currency-field select{width:100%;padding:10px 12px;background:var(--white);color:var(--ink);border:1px solid #cbd1c6;font-size:13px;min-height:46px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.package-card{background:var(--white);border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;position:relative}.package-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.package-number{font:500 42px/1 Manrope,Arial,sans-serif;letter-spacing:-3px;color:#a5b2a7}.package-tag{font-size:10px;padding:4px 9px;background:#f1f2e9;color:#57675d}.package-card h3{font-size:24px;font-weight:600;line-height:1.4;margin:0 0 12px;letter-spacing:-.35px}.package-description{font-size:14px;line-height:1.85;color:var(--muted);margin:0;min-height:78px}.price-area{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line);padding-block:22px 20px;margin-bottom:15px;gap:12px}.price-area strong{font-weight:500;font-size:22px}.currency-code{font:11px Manrope,Arial,sans-serif;color:var(--muted);direction:ltr}.package-card ul{list-style:none;padding:0;margin:0 0 25px;font-size:12px;flex:1}.package-card li{position:relative;padding-inline-start:21px;margin-bottom:12px}.package-card li:before{content:'✓';position:absolute;inset-inline-start:0;color:var(--accent)}.package-button{width:100%}.outline{background:transparent;border-color:#bec8bc;color:var(--ink)}.outline:hover{background:#edf0e6}.featured{background:#e9eddf;border-color:#cbd3c0}.featured .package-tag{background:var(--ink);color:#fff}.featured .package-number{color:var(--accent)}.featured .price-area{border-bottom-color:#cbd3c0}.currency-note{font-size:11px;color:var(--muted);margin:18px 0 0}.custom-project{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid var(--line);padding-top:26px;margin-top:30px}.custom-project strong{font-size:16px;margin-inline-end:14px;font-weight:600}.custom-project span{font-size:13px;color:var(--muted)}.custom-project .text-link span{color:var(--ink)}.process-section{background:#ebeee5;border-block:1px solid var(--line)}.process-section>.section{display:grid;grid-template-columns:.8fr 1.2fr;gap:120px}.process-intro{max-width:320px}.process-list{list-style:none;padding:0;margin:0}.process-list li{display:flex;gap:25px;padding:24px 0;border-bottom:1px solid #ccd3c6}.process-list li:first-child{padding-top:0}.process-list li:last-child{border-bottom:none;padding-bottom:0}.step-number{font:12px Manrope,Arial,sans-serif;color:var(--accent);padding-top:9px}.process-list h3{font-size:21px;line-height:1.5;margin:0 0 7px;font-weight:500}.process-list p{font-size:14px;color:var(--muted);margin:0;line-height:1.8}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:120px}.faq-list{border-top:1px solid var(--line)}details{padding:19px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:16px;font-weight:500}summary::-webkit-details-marker{display:none}summary:after{content:'+';font:25px/1 Manrope,Arial,sans-serif;color:var(--accent)}details[open] summary:after{content:'−'}details p{font-size:14px;line-height:1.9;color:var(--muted);margin:15px 0 0;max-width:540px}.contact-panel{display:flex;justify-content:space-between;align-items:center;gap:40px;background:var(--ink);color:var(--paper);padding:50px 60px}.contact-panel .section-kicker{color:var(--accent-light)}.contact-panel h2{font-size:42px;margin:0}.light{background:var(--paper);color:var(--ink);min-width:210px}.light:hover{background:#e3e6d9}.footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:35px;font-size:11px;color:var(--muted)}.footer>span:first-child{font-family:Manrope,Arial,sans-serif;font-size:11px;color:var(--ink);font-weight:600}dialog{width:min(530px,calc(100% - 30px));border:1px solid var(--line);padding:36px;background:var(--paper);color:var(--ink);max-height:calc(100dvh - 40px);overflow:auto}dialog::backdrop{background:rgba(12,29,32,.68);backdrop-filter:blur(4px)}.dialog-close{position:absolute;inset-inline-end:16px;top:12px;width:32px;height:32px;border:0;background:none;color:var(--ink);font:28px Arial,sans-serif}dialog h2{font-size:30px;margin-top:15px}dialog>p:not(.section-kicker){font-size:14px;color:var(--muted)}.order-summary{margin:24px 0}.order-summary>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.order-summary>div[hidden]{display:none}.order-summary dt{color:var(--muted)}.order-summary dd{margin:0}.checkout-note{padding:13px 15px;background:#e9eddf;font-size:12px!important;line-height:1.8}dialog>.button{width:100%;justify-content:center}button:disabled{opacity:.55;transform:none!important}.skip-link{position:fixed;top:-60px;inset-inline-start:15px;padding:10px 20px;background:var(--ink);color:white;z-index:100}.skip-link:focus{top:10px}.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}html[lang=en] h1{font-size:clamp(42px,4vw,59px);line-height:1.12;letter-spacing:-2.8px}html[lang=en] .hero-description{font-size:15px;line-height:1.9}html[lang=en] .hero-note{font-size:11px}html[lang=en] h2{font-size:36px;line-height:1.3}html[lang=en] .package-card h3{font-size:23px;line-height:1.45}html[lang=en] .package-description{font-size:13px;min-height:78px}html[lang=en] .board-label{font-size:17px;line-height:1.5}
@media(min-width:1550px){.hero{padding-block:85px;gap:100px}h1{font-size:69px}.hero-description{max-width:480px}}@media(max-width:1100px){.shell{width:calc(100% - 64px)}.hero{gap:38px;min-height:auto;padding-block:50px 65px}h1{font-size:48px}.desktop-nav{gap:20px}.hero-description{font-size:15px}.package-card{padding:23px}.package-card h3{font-size:22px}.package-tag{font-size:9px}.process-section>.section,.faq-section{gap:60px}.section{padding-block:75px}.board-label{font-size:17px}.board-caption{bottom:72px}.header-actions{gap:15px}.brand strong{font-size:22px}.brand>span{font-size:9px}.contact-link{font-size:13px}html[lang=en] .desktop-nav{font-size:12px}}
@media(max-width:850px){.desktop-nav{display:none}.hero{gap:32px;grid-template-columns:1fr 1fr}h1{font-size:39px;letter-spacing:-1px}.hero-description{font-size:14px}.hero-actions{gap:17px}.button{padding:12px 16px;gap:16px;font-size:13px}.hero-note{font-size:11px}.hero-note>span:first-child{font-size:17px}.board-label{font-size:15px;max-width:150px}.board-index{font-size:8px}.board-top{padding:15px 19px;font-size:8px}.board-caption{inset-inline:19px;bottom:64px}.board-bottom{padding:11px 19px;font-size:9px}.system-art{inset:9% 0 auto}.band-inner{font-size:12px;gap:12px;min-height:65px}.band-star{font-size:18px}.package-grid{gap:12px}.package-card{padding:20px 17px}.package-top{flex-wrap:wrap;gap:14px}.package-card h3{font-size:20px}.package-description{font-size:13px;min-height:102px}.package-card li{font-size:11px}.price-area strong{font-size:19px}.package-tag{font-size:9px}.custom-project strong{display:block;margin-bottom:4px}.process-section>.section,.faq-section{gap:40px}h2{font-size:34px}.contact-panel{padding:40px}.contact-panel h2{font-size:37px}.currency-field{min-width:180px}.section-heading>div>p:not(.section-kicker){font-size:13px}html[lang=en] h1{font-size:39px}html[lang=en] .hero-description{font-size:13px}html[lang=en] .hero-actions{gap:16px}html[lang=en] .hero-actions>.text-link{font-size:12px}html[lang=en] .package-card h3{font-size:19px}html[lang=en] .package-description{font-size:12px;min-height:100px}html[lang=en] .package-tag{font-size:8px}}
@media(max-width:650px){html{scroll-padding-top:80px}.shell{width:calc(100% - 40px)}.header-inner{min-height:77px;gap:15px}.brand-icon{height:33px;width:33px}.brand{gap:8px}.brand>span{font-size:8px;letter-spacing:.8px}.brand strong{font-size:21px;letter-spacing:.5px}.header-actions{gap:14px}.contact-link{display:none}.preview-strip{font-size:10px;min-height:30px}.hero{grid-template-columns:1fr;padding-block:37px 50px;gap:38px}.eyebrow{font-size:9px;margin-bottom:19px;letter-spacing:1.3px}h1{font-size:clamp(38px,10.3vw,56px);line-height:1.3;margin-bottom:19px}.hero-description{max-width:440px;font-size:15px;margin-bottom:22px}.hero-actions{gap:26px}.hero-actions .button{min-height:50px;padding-inline:19px;font-size:14px}.hero-note{margin-top:21px;font-size:11px}.design-board{aspect-ratio:1.16;box-shadow:8px 8px 0 #e8e9df;max-width:520px;width:calc(100% - 8px);margin-inline:auto}.system-art{width:87%;inset:0 6.5% auto}.board-top{padding:17px 21px;font-size:8px}.board-caption{inset-inline:21px;bottom:59px}.board-label{font-size:16px;max-width:none}.board-index{font-size:8px}.board-bottom{padding:10px 21px;font-size:9px}.band-inner{display:grid;grid-template-columns:1fr;gap:8px;justify-items:center;padding-block:18px;font-size:12px}.band-star{display:none}.section{padding-block:56px}.section-heading{align-items:flex-start;flex-direction:column;gap:24px;margin-bottom:26px}h2{font-size:34px}.section-heading>div>p:not(.section-kicker){font-size:14px}.currency-field{width:100%;display:flex;align-items:center;gap:18px;min-width:0}.currency-field label{font-size:12px;margin-bottom:0;white-space:nowrap}.currency-field select{max-width:260px;flex:1}.package-grid{grid-template-columns:1fr;gap:18px}.package-card{padding:25px}.package-top{margin-bottom:20px;flex-wrap:nowrap}.package-number{font-size:43px}.package-tag{font-size:10px}.package-card h3{font-size:25px}.package-description{min-height:0;font-size:14px}.package-card li{font-size:13px}.price-area{padding-block:21px}.price-area strong{font-size:23px}.package-button{min-height:50px;font-size:14px}.currency-note{font-size:11px;line-height:1.9}.custom-project{flex-direction:column;align-items:flex-start;gap:16px}.custom-project strong{font-size:17px}.process-section>.section,.faq-section{grid-template-columns:1fr;gap:33px}.process-intro{max-width:none}.process-intro h2 br{display:initial}.process-list h3{font-size:20px}.process-list p{font-size:14px}.faq-section h2{margin-bottom:10px}.faq-section>div>p:last-child{font-size:14px}summary{font-size:15px}details p{font-size:13px}.contact-panel{flex-direction:column;align-items:flex-start;gap:27px;padding:32px}.contact-panel h2{font-size:37px}.contact-panel .button{font-size:14px;min-width:210px}.footer{flex-wrap:wrap;justify-content:flex-start;gap:14px;font-size:11px;padding-block:29px}.footer>span:first-child{flex-basis:100%}.footer>a{margin-inline-start:auto}.order-summary div{font-size:12px}dialog{padding:29px 23px}dialog h2{font-size:27px}html[lang=en] h1{font-size:clamp(39px,10.5vw,57px);letter-spacing:-2.2px}html[lang=en] .hero-description{font-size:14px}html[lang=en] .package-card h3{font-size:24px}html[lang=en] .package-description{min-height:0;font-size:13px}html[lang=en] .package-tag{font-size:10px}html[lang=en] .band-inner{font-size:12px}html[lang=en] .contact-panel h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Package selection, direct ordering and contact experience. */
:root { --accent: #c95426; }
html { scroll-padding-top: 112px; }
[hidden] { display: none !important; }
button, select, input, textarea { font: inherit; }
input:focus-visible, textarea:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
.preview-strip { text-align: center; }
.status-dot { flex: 0 0 5px; }
.header { backdrop-filter: blur(16px); }
.desktop-nav a { padding-block: 12px; }
.language-switch { min-height: 44px; padding: 10px 2px; }
.hero-copy { min-width: 0; }
.eyebrow { font-family: var(--font); letter-spacing: .5px; }
.hero-description { max-width: 465px; }
.hero-actions { flex-wrap: wrap; }
.button { border-radius: 4px; text-align: start; transition: background .2s, transform .2s, color .2s, border-color .2s, box-shadow .2s; }
.primary:hover { background: #ad421b; box-shadow: 0 6px 18px #c9542624; }
.direction-arrow { flex-shrink: 0; }
.text-link { white-space: normal; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 16px 24px; margin-top: 30px; padding-top: 23px; border-top: 1px solid var(--line); }
.hero-proof > span { display: flex; flex-direction: column; gap: 1px; font-size: 11px; color: var(--muted); }
.hero-proof strong { font-size: 21px; font-weight: 600; line-height: 1.5; color: var(--ink); }
.hero-proof > span + span { border-inline-start: 1px solid var(--line); padding-inline-start: 24px; }
.design-board { border-radius: 4px; }
.section-heading p:not(.section-kicker) { max-width: 680px; }
.currency-field select { border-radius: 4px; }
.package-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; align-items: stretch; }
.package-card { border-radius: 8px; min-width: 0; transition: box-shadow .22s, border-color .22s, transform .22s; }
.package-card:hover { border-color: #bdc7bb; box-shadow: 0 12px 28px #14282c08; transform: translateY(-3px); }
.package-top { gap: 12px; margin-bottom: 22px; }
.package-number { font-size: 37px; letter-spacing: -2px; color: #8d9d91; }
.package-tag { padding: 4px 10px; border-radius: 3px; color: #516356; text-align: center; }
.package-card h3 { margin-bottom: 10px; }
.package-description { font-size: 13px; min-height: 50px; }
.price-area { display: flex; flex-direction: column; align-items: stretch; padding-block: 22px 18px; margin-bottom: 20px; gap: 10px; }
.unit-price { display: flex; align-items: baseline; gap: 8px 10px; flex-wrap: wrap; min-width: 0; }
.price-area .price-value { font: 700 clamp(34px, 3vw, 43px)/1.3 Manrope, Arial, sans-serif; letter-spacing: -1.8px; direction: ltr; unicode-bidi: isolate; overflow-wrap: anywhere; }
.unit-caption { font-size: 11px; color: var(--muted); }
.package-total { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 3px 12px; font-size: 12px; color: var(--muted); }
.package-total strong { color: var(--ink); font-size: 16px; font-weight: 700; direction: ltr; unicode-bidi: isolate; }
.package-total { margin-bottom: 18px; }
.package-card ul { margin-bottom: 24px; }
.package-card li { margin-bottom: 10px; }
.package-card li:last-child { margin-bottom: 0; }
.package-button { margin-top: auto; }
.outline:hover { border-color: #91a28b; }
.featured { background: #edf0e4; border-color: #aebda1; box-shadow: inset 0 4px 0 var(--accent); }
.featured:hover { border-color: #8fa57d; box-shadow: inset 0 4px 0 var(--accent), 0 12px 28px #14282c08; }
.custom-card { color: var(--paper); background: var(--ink); border-color: var(--ink); }
.custom-card:hover { border-color: #476363; box-shadow: 0 12px 28px #14282c18; }
.custom-card .package-tag { background: #294145; color: #d4e4d8; }
.custom-card .package-number, .custom-mark { color: var(--accent-light); font: 300 39px/1 Manrope, Arial, sans-serif; }
.custom-card h3 { max-width: 300px; }
.custom-card .package-description, .custom-summary { color: #c0cec4; }
.custom-summary { font-size: 14px; line-height: 1.9; padding-block: 20px; margin: 0 0 20px; border-bottom: 1px solid #3a5050; }
.custom-card li::before { color: var(--accent-light); }
.custom-card .outline { border-color: #6a8078; color: var(--paper); }
.custom-card .outline:hover { background: #264044; border-color: #9aafa4; }
.custom-card .light { min-width: 0; }
.currency-note { line-height: 1.85; }
.package-terms { display: flex; gap: 12px; align-items: flex-start; margin-top: 22px; padding: 18px 20px; border: 1px solid var(--line); border-inline-start: 3px solid var(--accent); background: #efefe7; color: #576862; font-size: 12px; line-height: 1.9; border-radius: 4px; }
.package-terms p { margin: 0; }
.package-terms strong { color: var(--ink); font-weight: 600; }
.deliverables-section { border-top: 1px solid var(--line); padding-block: 10px 72px; }
.deliverable-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 35px; }
.deliverable { min-width: 0; padding: 24px 0 0; border-top: 2px solid #c2cbbb; }
.deliverable > span, .deliverable-icon { display: inline-flex; margin-bottom: 18px; color: var(--accent); font: 500 23px/1.2 Manrope, Arial, sans-serif; }
.deliverable h3 { font-size: 21px; font-weight: 600; margin: 0 0 10px; }
.deliverable p { color: var(--muted); font-size: 14px; margin: 0; line-height: 1.9; }
summary { min-height: 28px; }
summary::after { flex-shrink: 0; }
.contact-panel { display: grid; grid-template-columns: 1fr 1.05fr; align-items: center; gap: 55px; padding: 50px 55px; border-radius: 8px; }
.contact-panel h2 { font-size: 40px; margin: 0 0 15px; }
.contact-panel > div > p:not(.section-kicker) { color: #c1cec5; font-size: 14px; margin: 0; max-width: 410px; }
.contact-methods { display: grid; gap: 12px; min-width: 0; }
.contact-method { display: flex; gap: 15px; align-items: center; border: 1px solid #49615c; border-radius: 5px; padding: 17px 20px; min-width: 0; min-height: 76px; transition: border-color .2s, background .2s; }
a.contact-method:hover { border-color: #b8c9be; background: #233e40; }
.contact-method > svg, .contact-icon { width: 24px; height: 24px; flex: 0 0 24px; color: var(--accent-light); }
.contact-method > span:first-child:not(:last-child) { font-size: 20px; }
.contact-method > div, .contact-method > span:last-child { min-width: 0; }
.contact-method strong { display: block; font-size: 14px; font-weight: 600; line-height: 1.6; }
.contact-value { overflow-wrap: anywhere; unicode-bidi: plaintext; }
.contact-method small { display: block; font-size: 11px; color: #bbcdc1; margin-top: 3px; line-height: 1.8; overflow-wrap: anywhere; }
.contact-pending { color: #c8d6ca; font-size: 12px; padding-top: 6px; }
.contact-social { color: var(--paper); justify-self: start; }
.dialog-payment-note { font-size: 12px !important; }
.hero-proof strong { unicode-bidi: isolate; }
.footer { padding-inline-end: 155px; }
.floating-whatsapp { position: fixed; z-index: 9; inset-inline-end: 24px; bottom: 23px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: #176a4c; color: white; border: 1px solid #ffffff38; border-radius: 50px; padding: 12px 19px; min-height: 50px; font-size: 13px; font-weight: 600; box-shadow: 0 5px 22px #14282c26; transition: background .2s, transform .2s; }
.floating-whatsapp svg { width: 22px; height: 22px; flex-shrink: 0; }
.floating-whatsapp:hover { background: #0d533a; transform: translateY(-3px); }
.mobile-order-bar { display: none; }
dialog { width: min(640px, calc(100% - 32px)); border-radius: 10px; box-shadow: 0 25px 80px #071b2a38; }
dialog::backdrop { background: rgba(12, 29, 32, .7); }
.dialog-close { inset-inline-end: 11px; top: 7px; width: 44px; height: 44px; border-radius: 5px; }
.dialog-close:hover { background: #e9ece1; }
dialog h2 { font-size: 29px; padding-inline-end: 15px; }
.order-summary dd { text-align: end; font-weight: 500; }
.request-summary { padding: 15px 18px; background: #e9eddf; border-radius: 5px; margin-block: 20px; font-size: 13px; line-height: 1.85; }
.request-summary strong { color: var(--ink); }
.request-summary p { margin: 0; }
.order-form { display: grid; gap: 15px; margin-top: 22px; }
.order-form label { display: grid; gap: 6px; font-size: 12px; font-weight: 500; }
.order-form input, .order-form select, .order-form textarea { display: block; width: 100%; min-width: 0; min-height: 46px; border: 1px solid #bdc8ba; border-radius: 4px; background: var(--white); color: var(--ink); padding: 10px 12px; font-size: 14px; font-weight: 400; line-height: 1.6; }
.order-form textarea { resize: vertical; min-height: 110px; }
.order-form input::placeholder, .order-form textarea::placeholder { color: #77877d; opacity: 1; }
.order-form .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.order-form small, .form-note { color: var(--muted); font-size: 11px; line-height: 1.85; }
.checkout-note { border-radius: 4px; }
.dialog-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.dialog-actions .button { flex: 1 1 180px; justify-content: center; gap: 10px; }
.dialog-actions .button svg { width: 20px; height: 20px; }
html[lang=en] .eyebrow { font-size: 10px; letter-spacing: 1.3px; }
html[lang=en] .package-card h3 { font-size: 22px; line-height: 1.4; }
html[lang=en] .package-description { font-size: 12px; min-height: 47px; }

@media (max-width: 1100px) {
  .package-grid { gap: 17px; }
  .package-number { font-size: 33px; }
  .price-area .price-value { font-size: 36px; }
  .contact-panel { padding: 42px; gap: 35px; }
  .footer { padding-inline-end: 140px; gap: 18px; }
  html[lang=en] .package-card h3 { font-size: 20px; }
}
@media (max-width: 960px) {
  .desktop-nav { display: none; }
  .package-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .package-card { padding: 27px; }
  .package-top { flex-wrap: nowrap; }
  .package-tag { font-size: 10px; }
  .package-card h3 { font-size: 24px; }
  .package-description { min-height: 48px; }
  .package-card li { font-size: 12px; }
  .price-area .price-value { font-size: 40px; }
  .hero-proof { gap: 13px; }
  .hero-proof > span + span { padding-inline-start: 13px; }
  .hero-proof strong { font-size: 19px; }
  .hero-proof > span { font-size: 10px; }
  .deliverable-grid { gap: 25px; }
  .deliverable h3 { font-size: 19px; }
  .deliverable p { font-size: 13px; }
  .contact-panel { padding: 35px; gap: 25px; }
  .contact-panel h2 { font-size: 34px; }
  .contact-method { padding: 15px; gap: 10px; }
  .contact-method strong { font-size: 12px; }
  html[lang=en] .package-card h3 { font-size: 23px; }
  html[lang=en] .package-description { min-height: 47px; }
  html[lang=en] .package-tag { font-size: 10px; }
}
@media (max-width: 650px) {
  html { scroll-padding-top: 96px; }
  .hero-actions { gap: 19px; }
  .hero-actions .button { padding-inline: 17px; }
  .hero-proof { gap: 15px 20px; margin-top: 25px; padding-top: 18px; }
  .hero-proof > span + span { padding-inline-start: 20px; }
  .hero-proof strong { font-size: 22px; }
  .hero-proof > span { font-size: 11px; }
  .currency-field select { min-width: 0; }
  .package-grid { grid-template-columns: 1fr; gap: 20px; }
  .package-card { padding: 26px; }
  .package-card:hover { transform: none; }
  .package-top { margin-bottom: 20px; }
  .package-number { font-size: 37px; }
  .package-card h3 { font-size: 25px; }
  .package-description { min-height: 0; font-size: 14px; }
  .package-card li { font-size: 13px; }
  .price-area { padding-block: 23px 18px; gap: 12px; }
  .price-area .price-value { font-size: 43px; }
  .unit-caption { font-size: 12px; }
  .package-total strong { font-size: 16px; }
  .package-terms { padding: 16px; font-size: 12px; }
  .custom-summary { margin-bottom: 25px; }
  .deliverable-grid { grid-template-columns: 1fr; gap: 25px; }
  .deliverable { padding-top: 20px; }
  .deliverable h3 { font-size: 21px; }
  .deliverable p { font-size: 14px; }
  .deliverable > span { margin-bottom: 12px; }
  summary { min-height: 30px; }
  .contact-panel { grid-template-columns: 1fr; gap: 27px; padding: 30px 25px; }
  .contact-panel h2 { font-size: 35px; }
  .contact-method { padding: 16px; }
  .contact-method strong { font-size: 14px; }
  .contact-panel .button { min-width: 0; }
  .footer { padding-block: 29px 96px; padding-inline-end: 0; }
  .floating-whatsapp { inset-inline-end: 16px; bottom: max(16px, env(safe-area-inset-bottom)); min-height: 48px; padding: 11px 17px; font-size: 12px; }
  .mobile-order-bar { position: fixed; inset: auto 0 0; display: flex; justify-content: space-between; align-items: center; padding: 10px 20px calc(10px + env(safe-area-inset-bottom)); gap: 15px; background: var(--paper); border-top: 1px solid var(--line); z-index: 8; }
  .mobile-order-bar .button { min-height: 44px; }
  .mobile-order-bar ~ .floating-whatsapp { bottom: calc(90px + env(safe-area-inset-bottom)); }
  dialog { padding: 30px 22px 25px; width: calc(100% - 24px); max-height: calc(100dvh - 24px); }
  dialog h2 { font-size: 26px; }
  .order-form .form-row { grid-template-columns: 1fr; }
  .dialog-actions { gap: 10px; }
  .dialog-actions .button { flex-basis: 100%; min-height: 48px; font-size: 14px; }
  html[lang=en] .package-card h3 { font-size: 24px; }
  html[lang=en] .package-description { min-height: 0; font-size: 13px; }
  html[lang=en] .contact-panel h2 { font-size: 33px; }
}
@media (max-width: 360px) {
  .shell { width: calc(100% - 32px); }
  .package-card { padding: 22px; }
  .hero-actions { gap: 14px; }
  .hero-actions .button { font-size: 13px; padding-inline: 14px; gap: 13px; }
  .hero-actions .text-link { font-size: 12px; }
  .hero-proof { gap: 12px; }
  .hero-proof > span + span { padding-inline-start: 12px; }
  .hero-proof > span { font-size: 10px; }
  .hero-proof strong { font-size: 20px; }
  .contact-panel { padding-inline: 20px; }
  .contact-method { padding: 14px 12px; }
  .contact-method strong { font-size: 12px; }
  .board-label { font-size: 14px; }
  .package-tag { font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
}