@font-face{font-family:Plex;src:url('assets/arabic-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url('assets/arabic-medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Plex;src:url('assets/arabic-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Plex;src:url('assets/arabic-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--paper:#f8f9f6;--ink:#24332e;--green:#264e43;--muted:#68756f;--line:#dce2dc;--sage:#e7ede7;--white:#fff;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Plex,'Segoe UI',sans-serif;font-size:16px;line-height:1.85}body:has(dialog[open]){overflow:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;display:block}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.35;font-weight:600}h2{font-size:42px;letter-spacing:-1.2px}h3{font-size:24px}p{color:var(--muted)}button{border:0}.container{max-width:1240px;padding-inline:36px;margin-inline:auto}.section-space{padding-block:100px}.skip-link{position:fixed;top:-100px;right:16px;z-index:100;background:var(--green);color:#fff;padding:12px 20px}.skip-link:focus{top:8px}:focus-visible{outline:3px solid #b27a35;outline-offset:5px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:14px;background:var(--green);color:var(--white);border:1px solid var(--green);padding:13px 23px;border-radius:9px;font-weight:500;line-height:1.7;min-height:51px;transition:background .18s}.btn:hover{background:#193c32}.btn-small{font-size:14px;min-height:43px;padding:9px 17px}.btn svg{width:21px;height:21px}.text-link{display:inline-flex;align-items:center;gap:13px;background:none;padding:0;border-bottom:1px solid #b9c7bd;border-radius:0;font-weight:500;font-size:15px;min-height:36px}.text-link:hover{color:#527b5d}.fine-print{font-size:12px;line-height:1.9;color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#73907b;flex-shrink:0}.section-kicker{font-size:14px;color:var(--green);margin-bottom:15px;font-weight:500}
.site-header{border-bottom:1px solid var(--line);background:rgba(248,249,246,.96);position:sticky;top:0;z-index:10}.header-inner{display:flex;justify-content:space-between;align-items:center;min-height:92px;gap:25px}.brand{display:flex;align-items:center;gap:14px;font-size:32px;font-weight:700;line-height:1.2}.brand small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:6px}.brand-mark{display:flex;align-items:center;gap:4px;height:48px;width:44px;direction:ltr}.brand-mark span{display:block;border:2.5px solid var(--green);border-left:0;border-block-color:transparent;border-radius:50%;width:12px}.brand-mark span:nth-child(1){height:18px}.brand-mark span:nth-child(2){height:32px}.brand-mark span:nth-child(3){height:46px}.header-inner nav{display:flex;align-items:center;gap:34px;font-size:14px;color:#55675e}.header-inner nav a:hover{color:var(--green)}
.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:65px;align-items:center;padding-block:64px 70px}.intro{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--green);margin-bottom:24px}.hero h1{font-size:58px;letter-spacing:-2px;line-height:1.33}.hero-description{margin-top:22px;font-size:17px;line-height:1.95;max-width:480px}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:31px;flex-wrap:wrap}.hero-actions .text-link{font-size:13px}.hero-note{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);margin-top:30px}.hero-note svg{width:15px;height:15px}.hero-note>span{width:2px;height:2px;border-radius:50%;background:#a0afa4;margin-inline:6px}.hero-visual{position:relative;isolation:isolate;background:var(--sage);border-radius:28px 28px 80px 28px;padding:22px 25px 80px;min-width:0}.visual-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:12px;color:var(--green)}.visual-topline svg{width:23px;height:23px}.crop-photo{display:block;position:relative;overflow:hidden}.crop-photo img{position:absolute;height:111%;max-width:none;width:auto;left:50%;top:-11%;transform:translateX(-50%)}.hero-photo{height:335px;border-radius:16px;background:#d7dfd6}.touch-note{position:absolute;bottom:23px;right:25px;display:flex;align-items:center;gap:11px}.touch-note strong{font-size:14px;font-weight:500;display:block}.touch-note small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.round-icon{width:39px;height:39px;background:var(--paper);border-radius:50%;display:grid;place-items:center;color:var(--green)}.price-sticker{position:absolute;background:var(--paper);left:-18px;bottom:95px;padding:14px 24px;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 25px #24332e08;transform:rotate(-4deg)}.price-sticker>span{display:block;font-size:10px;color:var(--muted)}.price-sticker strong{font-size:32px;line-height:1.5;font-weight:600}.price-sticker small{font-size:13px;font-weight:400}.service-strip{border-block:1px solid var(--line)}.service-strip .container{display:flex;justify-content:space-around;gap:20px;padding-block:20px}.service-strip span{display:flex;align-items:center;gap:12px;color:#586a5e;font-size:14px}.service-strip svg{width:21px;height:21px}
.product-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;direction:ltr}.product-story>*{direction:rtl}.menu-product{position:relative;padding:24px;background:#e9e9df;border-radius:22px}.menu-photo{height:465px;border-radius:12px}.menu-photo img{height:110%;top:-10%}.photo-caption{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);padding-top:14px}.mini-card{position:absolute;bottom:68px;right:-27px;display:flex;gap:15px;align-items:center;background:var(--paper);padding:19px 23px;border-radius:12px;box-shadow:0 12px 40px #24332e0c}.mini-card>svg{width:31px;height:31px;color:var(--green)}.mini-card span{font-size:13px;line-height:1.75}.mini-card strong{font-size:17px;font-weight:500}.story-copy h2{margin-bottom:22px}.story-copy>p:not(.section-kicker):not(.fine-print){font-size:16px;max-width:440px}.check-list{list-style:none;margin:24px 0;padding:0;display:grid;gap:10px;font-size:14px}.check-list li{display:flex;gap:10px;align-items:center}.check-list svg{width:18px;height:18px;color:var(--green)}.inline-price{display:flex;align-items:center;gap:24px;margin:23px 0}.inline-price>strong{font-size:32px;font-weight:600}.inline-price>strong span{font-size:13px;color:var(--muted);font-weight:400}.inline-price>span{border-right:1px solid var(--line);padding-right:24px;font-size:13px;color:var(--muted)}.inline-price b{font-weight:500;color:var(--ink)}.story-copy .fine-print{max-width:385px;margin-top:17px}.google-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center;margin-top:100px;padding-top:75px;border-top:1px solid var(--line)}.google-word{direction:ltr;display:inline-flex;font-family:Arial,sans-serif;font-size:26px;font-weight:600;letter-spacing:-1px;margin-bottom:20px}.google-word i{font-style:normal}.google-word i:nth-child(1),.google-word i:nth-child(4){color:#4285f4}.google-word i:nth-child(2),.google-word i:nth-child(6){color:#c54336}.google-word i:nth-child(3){color:#bd8b17}.google-word i:nth-child(5){color:#34804b}.google-copy h3{font-size:30px;line-height:1.5}.google-copy p{font-size:14px;margin-block:18px;max-width:370px}.google-products{display:grid;grid-template-columns:1fr 1fr;gap:18px;direction:ltr}.product-thumb{background:transparent;text-align:right;padding:0;min-width:0;direction:rtl}.product-thumb>.crop-photo{height:250px;border-radius:14px;background:#e0e5df}.product-thumb>span:last-child{display:flex;align-items:center;padding-top:14px;font-size:12px;gap:6px}.product-thumb b{font-size:12px;font-weight:500;color:var(--green);margin-right:auto}.product-thumb>span:last-child svg{width:15px;height:15px;margin-right:3px}.product-thumb:hover .crop-photo{outline:2px solid #91a699;outline-offset:3px}
.work-section{background:#edf1ec}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:42px}.section-heading>p{font-size:14px;line-height:1.9}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.work-item{min-width:0}.work-preview{display:block;width:100%;padding:22px 22px 0;border-radius:20px;position:relative;overflow:hidden;text-align:initial;height:355px;background:#dce3dc}.work-dar .work-preview{background:#dde3e0}.work-qarbaa .work-preview{background:#e6e0d4}.browser-bar{display:flex;gap:4px;align-items:center;height:27px;background:#fafbf9;border-radius:7px 7px 0 0;padding-inline:10px;direction:ltr}.browser-bar>span{width:5px;height:5px;background:#c6cfca;border-radius:50%}.browser-bar b{font-size:9px;font-weight:400;color:#89958c;position:absolute;left:50%;transform:translateX(-50%)}.work-preview>img{width:100%;height:100%;object-fit:cover;object-position:top;border:1px solid #d9ded6;border-top:0}.preview-action{position:absolute;bottom:18px;left:18px;background:#fff;display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:11px;border-radius:7px;box-shadow:0 5px 14px #00000008}.preview-action svg{width:15px;height:15px}.work-preview:hover .preview-action{background:var(--green);color:#fff}.work-meta{display:flex;justify-content:space-between;align-items:center;padding:22px 3px}.work-meta h3{font-size:22px}.work-meta p{font-size:12px;margin-top:6px}.work-meta>span{font-size:10px;border:1px solid #cbd5cc;border-radius:5px;padding:2px 9px;color:var(--muted)}.work-detail{display:flex;gap:14px;align-items:center;margin-top:26px;padding-top:25px;border-top:1px solid #d3ddd3}.work-detail>svg{color:var(--green)}.work-detail p{font-size:12px;max-width:690px}.work-detail strong{color:var(--ink);font-weight:500}.work-detail .text-link{flex-shrink:0;margin-right:auto;font-size:12px}
.website-offer{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;background:#e8eee7;border-radius:18px;padding:35px 38px;margin-bottom:26px}.offer-icon{display:grid;place-items:center;background:#d9e3d8;border-radius:16px;width:75px;height:89px}.offer-icon svg{width:36px;height:36px;color:var(--green)}.offer-copy h3{font-size:25px;max-width:450px}.offer-copy p{font-size:13px;margin-top:10px;max-width:430px}.included{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--green);margin-top:14px}.included svg{width:15px;height:15px}.offer-price{text-align:center;border-right:1px solid #cdd8cb;padding-right:35px}.offer-price>span{font-size:11px;color:var(--muted)}.offer-price strong{display:block;font-size:43px;line-height:1.4;font-weight:600;white-space:nowrap;margin-bottom:14px}.offer-price small{font-size:14px;font-weight:400}.offer-price .btn{font-size:12px;padding:10px 16px;min-height:42px}.price-list{padding-inline:17px}.price-row{display:grid;grid-template-columns:55px 1fr auto 45px;align-items:center;gap:24px;padding:27px 0;border-bottom:1px solid var(--line)}.service-icon{height:52px;width:52px;background:#edf0e9;border-radius:12px;display:grid;place-items:center;color:var(--green)}.price-row h3{font-size:20px}.price-row p{font-size:12px;margin-top:5px}.row-price{text-align:left;min-width:100px}.row-price strong{font-size:29px;line-height:1;font-weight:500}.row-price span{font-size:11px;margin-right:7px;color:var(--muted)}.round-button{height:40px;width:40px;border-radius:50%;display:grid;place-items:center;border:1px solid #ccd8ce;background:transparent;color:var(--green);font-size:24px;line-height:1}.round-button:hover{background:var(--green);color:var(--white)}.round-button svg{width:18px;height:18px}.pricing-note{text-align:center;font-size:12px;margin-top:24px}.how-section{padding-block:60px;background:#edf1eb}.how-section h2{font-size:29px}.steps{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;margin:32px 0 0}.steps li{display:flex;gap:15px;align-items:flex-start}.steps li>span{display:grid;place-items:center;min-width:34px;height:34px;border:1px solid #c2d0c3;border-radius:50%;font-size:13px;color:var(--green);margin-top:3px}.steps h3{font-size:17px}.steps p{font-size:12px;margin-top:8px}.faq-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.faqs details{border-bottom:1px solid var(--line)}.faqs summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;padding:21px 0;font-size:15px;font-weight:500}.faqs summary::-webkit-details-marker{display:none}.faqs summary svg{width:18px;height:18px;color:var(--muted)}.faqs details[open] summary svg{transform:rotate(45deg)}.faqs details p{font-size:13px;padding-bottom:22px;line-height:2;max-width:560px}.contact-section{background:var(--green);color:#fff;position:relative;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:48px 56px;max-width:1168px;border-radius:20px;overflow:hidden}.contact-section p{color:#d2e1d5;font-size:14px}.contact-section h2{font-size:37px;margin-block:8px 14px}.contact-mark{position:absolute;left:33%;top:15px;opacity:.09;pointer-events:none}.contact-mark svg{width:240px;height:240px;stroke-width:.8}.contact-actions{display:flex;align-items:center;flex-direction:column;gap:17px;z-index:1}.btn-light{background:var(--paper);color:var(--green);border-color:var(--paper)}.btn-light:hover{background:#e0e8dc}.contact-actions>a{font-size:14px;letter-spacing:2px;color:#e3ece1}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:42px 62px}.footer-brand{font-size:25px;font-weight:600;line-height:1.4}.footer-brand small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:5px}footer p,footer>a:last-child{font-size:11px;color:var(--muted)}.floating-wa{position:fixed;bottom:22px;left:24px;z-index:9;border-radius:30px;background:var(--green);color:#fff;display:flex;align-items:center;gap:8px;padding:11px 17px;box-shadow:0 5px 20px #24332e18;border:1px solid #ffffff45;font-size:12px}.floating-wa svg{width:22px;height:22px}
dialog{color:var(--ink);font-family:inherit;background:var(--paper);border:0;border-radius:23px;padding:36px;max-height:90dvh;max-width:calc(100vw - 30px);overscroll-behavior:contain;box-shadow:0 20px 100px #14251f2e}dialog::backdrop{background:#1b2e28aa;backdrop-filter:blur(4px)}.dialog-close{background:#e8ede6;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;position:absolute;top:16px;left:16px;z-index:2}.dialog-close svg{width:18px;height:18px}.dialog-close:hover{background:#d7e2d4}.demo-dialog[open]{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;width:760px;padding:45px}.demo-intro>svg{width:48px;height:48px;margin-bottom:20px;color:var(--green)}.demo-intro h2{font-size:35px}.demo-intro p:not(.section-kicker){font-size:14px;margin-top:20px}.demo-intro small{display:block;font-size:11px;color:var(--muted);margin-top:18px}.demo-phone{background:#fff;border:7px solid #24332e;border-radius:39px;position:relative;min-height:525px;box-shadow:10px 16px 0 #dde4d8;overflow:hidden;max-width:300px;width:100%;justify-self:center}.phone-camera{position:absolute;left:50%;transform:translateX(-50%);top:8px;width:75px;height:18px;border-radius:18px;background:#24332e}.phone-content{padding:44px 17px 20px;text-align:center}.demo-label{font-size:9px;border:1px solid #dae1d4;border-radius:12px;padding:2px 9px;color:var(--muted)}.demo-logo{font-size:41px;line-height:1.3;color:var(--green);margin-top:19px}.demo-tagline{font-size:10px;margin-top:6px}.demo-tabs{display:flex;gap:8px;justify-content:center;margin-top:22px;border-bottom:1px solid var(--line);padding-bottom:12px}.demo-tabs button{background:transparent;padding:5px 15px;font-size:12px;border-radius:8px}.demo-tabs button[aria-selected=true]{background:var(--green);color:#fff}.demo-item{display:flex;align-items:center;text-align:right;padding:15px 0;gap:11px;border-bottom:1px solid #e9ede7}.drink-icon{height:38px;width:38px;border-radius:10px;background:#eee8de;display:grid;place-items:center;font-size:18px;flex-shrink:0}.demo-item h3{font-size:12px}.demo-item p{font-size:9px;margin-top:3px}.demo-item b{font-size:12px;margin-right:auto;white-space:nowrap;font-weight:500;color:var(--green)}.demo-footer{font-size:9px;margin-top:20px}.gallery-dialog{width:1030px;padding:25px}.gallery-dialog header{display:flex;align-items:center;justify-content:space-between;padding:0 5px 20px}.gallery-dialog header .dialog-close{position:static}.gallery-dialog .section-kicker{font-size:11px;margin-bottom:5px}.gallery-dialog h2{font-size:23px}.gallery-stage{background:#e4e9e0;border-radius:10px;max-height:65dvh;overflow:auto;text-align:center;direction:ltr}.gallery-stage img{width:auto;max-width:100%;margin:auto;max-height:none}.gallery-controls{display:flex;align-items:center;justify-content:center;gap:22px;padding-top:16px;direction:ltr}.gallery-controls p{font-size:12px;direction:rtl}.gallery-controls button{width:33px;height:33px}.gallery-controls button:disabled{opacity:.3;cursor:default;background:transparent;color:var(--green)}.order-dialog{width:470px;padding:38px}.order-dialog h2{font-size:29px}.order-dialog>p:not(.section-kicker){font-size:13px;margin-top:13px}.order-dialog label{display:block;font-size:13px;font-weight:500;margin-block:19px 7px}.order-dialog select,.order-dialog input{width:100%;background:#fff;border:1px solid #cbd5ca;border-radius:8px;padding:11px 13px;color:var(--ink);font-size:14px}.order-dialog input{direction:ltr;text-align:right}.order-estimate{display:flex;align-items:center;justify-content:space-between;margin-top:23px;padding-block:15px;border-block:1px solid var(--line)}.order-estimate span{font-size:12px;color:var(--muted)}.order-estimate strong{font-size:22px;font-weight:500}.message-preview{background:#eef1e9;padding:14px;border-radius:8px;margin-block:20px}.message-preview>span{font-size:10px;color:var(--muted)}.message-preview p{font-size:12px;margin-top:8px;color:var(--ink);white-space:pre-wrap}.order-dialog .btn{width:100%;font-size:14px}.order-dialog .fine-print{display:block;text-align:center;margin-top:12px;font-size:10px}[hidden]{display:none!important}
@media(min-width:1450px){.hero{padding-block:82px 90px}.hero-photo{height:380px}.hero h1{font-size:62px}}
@media(max-width:1050px){.hero{gap:35px}.hero h1{font-size:47px}.hero-description{font-size:15px}.hero-actions{gap:17px}.hero-actions .btn{font-size:13px;padding-inline:17px}.hero-visual{padding-inline:19px}.hero-photo{height:315px}.touch-note{right:19px}.touch-note strong{font-size:12px}.touch-note small{font-size:9px}.price-sticker{left:-12px;padding-inline:17px}.product-story{gap:60px}.menu-photo{height:440px}.google-story{gap:45px}.product-thumb>.crop-photo{height:220px}.website-offer{padding:27px;gap:20px}.offer-copy h3{font-size:22px}.offer-price{padding-right:25px}.contact-section{margin-inline:36px}.work-preview{height:290px}.work-detail{align-items:flex-start}.work-detail .text-link{font-size:11px}.contact-section h2{font-size:32px}}
@media(max-width:760px){.container{padding-inline:22px}.section-space{padding-block:68px}h2{font-size:33px;letter-spacing:-.8px}.header-inner{min-height:76px;gap:15px}.brand{font-size:28px;gap:8px}.brand small{font-size:8px}.brand-mark{transform:scale(.8);width:38px;margin-left:-5px}.header-inner nav{display:none}.btn-small{font-size:12px;padding:8px 13px;min-height:40px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:35px;gap:32px}.intro{margin-bottom:18px;font-size:12px}.hero h1{font-size:47px;letter-spacing:-1.5px;line-height:1.28}.hero-description{font-size:14px;max-width:450px;margin-top:18px}.hero-actions{margin-top:24px;gap:18px}.hero-actions .btn{font-size:13px}.hero-actions .text-link{font-size:11px}.hero-note{font-size:10px;margin-top:20px;gap:5px}.hero-note>span{margin-inline:5px}.hero-visual{padding:15px 16px 73px;border-radius:20px 20px 50px 20px;max-width:520px;width:100%;justify-self:center}.visual-topline{margin-bottom:10px;font-size:11px}.hero-photo{height:310px;border-radius:11px}.touch-note{bottom:19px;right:17px}.touch-note strong{font-size:13px}.touch-note small{font-size:10px}.price-sticker{left:-7px;bottom:84px;padding:9px 18px}.price-sticker strong{font-size:30px}.service-strip .container{display:grid;grid-template-columns:1fr 1fr;row-gap:17px;padding-block:19px}.service-strip span{font-size:12px;gap:9px;justify-content:center}.service-strip svg{width:18px;height:18px}.product-story{grid-template-columns:1fr;gap:35px;direction:rtl}.story-copy{grid-row:1}.story-copy h2{font-size:36px;margin-bottom:19px}.story-copy>p:not(.section-kicker):not(.fine-print){font-size:14px;max-width:500px}.check-list{font-size:12px;gap:9px;margin:20px 0}.inline-price{margin-block:19px;gap:20px}.story-copy .btn{font-size:13px;min-height:47px}.story-copy .fine-print{font-size:11px;max-width:400px}.menu-product{margin-inline:15px 0;padding:17px}.menu-photo{height:350px}.mini-card{bottom:54px;right:-15px;padding:14px 18px;gap:12px}.mini-card strong{font-size:15px}.photo-caption{font-size:10px}.google-story{grid-template-columns:1fr;gap:27px;margin-top:60px;padding-top:46px}.google-word{font-size:24px;margin-bottom:17px}.google-copy h3{font-size:28px}.google-copy p{font-size:13px;max-width:450px}.google-products{gap:13px}.product-thumb>.crop-photo{height:220px}.product-thumb>span:last-child{font-size:11px;flex-wrap:wrap;gap:5px}.product-thumb b{font-size:11px}.section-heading{display:block;margin-bottom:29px}.section-heading>p{margin-top:18px;font-size:12px}.section-kicker{font-size:12px;margin-bottom:12px}.work-grid{grid-template-columns:1fr;gap:25px}.work-preview{height:310px;padding:18px 18px 0;border-radius:16px}.work-meta{padding-block:18px 5px}.work-meta h3{font-size:21px}.work-meta p{font-size:11px}.work-detail{flex-wrap:wrap;gap:11px;margin-top:34px;padding-top:23px}.work-detail>svg{width:22px;height:22px}.work-detail p{font-size:12px;flex:1;min-width:220px}.work-detail .text-link{margin-right:33px;font-size:12px}.website-offer{grid-template-columns:50px 1fr;padding:23px;gap:15px;margin-bottom:10px}.offer-icon{width:48px;height:62px;border-radius:10px}.offer-icon svg{width:27px;height:27px}.offer-copy h3{font-size:20px}.offer-copy p{font-size:11px}.included{font-size:11px;margin-top:11px}.offer-price{grid-column:1/-1;display:flex;align-items:center;gap:8px;border-right:0;border-top:1px solid #cdd8cb;margin-top:9px;padding:16px 0 0}.offer-price>span{font-size:9px}.offer-price strong{font-size:32px;margin-bottom:0}.offer-price small{font-size:11px}.offer-price .btn{margin-right:auto;font-size:10px;padding:9px 10px;gap:5px;min-height:38px}.offer-price .btn svg{width:17px}.price-list{padding-inline:0}.price-row{grid-template-columns:39px 1fr auto 30px;gap:11px;padding-block:24px}.service-icon{width:38px;height:42px;border-radius:9px}.service-icon svg{width:21px;height:21px}.price-row h3{font-size:16px}.price-row p{font-size:10px;line-height:1.8;max-width:210px}.row-price{min-width:49px}.row-price strong{font-size:25px}.row-price span{display:block;font-size:9px;margin:7px 0 0;line-height:1.5}.price-row .round-button{width:29px;height:29px}.price-row .round-button svg{width:15px}.pricing-note{font-size:10px;max-width:300px;margin-inline:auto}.how-section{padding-block:42px}.how-section h2{font-size:25px}.steps{grid-template-columns:1fr;gap:25px;margin-top:28px}.steps h3{font-size:16px}.steps p{font-size:12px;margin-top:5px}.steps li>span{margin-top:0}.faq-section{grid-template-columns:1fr;gap:25px}.faq-section h2 br{display:none}.faqs summary{font-size:13px;padding-block:19px}.faqs details p{font-size:12px}.contact-section{margin-inline:22px;padding:30px 25px;display:block;border-radius:16px}.contact-section h2{font-size:30px;margin-top:10px}.contact-section p{font-size:12px}.contact-actions{align-items:flex-start;gap:14px;margin-top:25px}.contact-actions .btn{font-size:13px;min-height:46px}.contact-actions>a{font-size:12px;margin-right:20px}.contact-mark{left:-20px;top:65px}.contact-mark svg{width:210px;height:210px}footer{gap:20px;flex-wrap:wrap;padding-block:32px 85px}.footer-brand{font-size:23px}.footer-brand small{font-size:9px}footer p{font-size:10px}footer>a:last-child{font-size:10px;width:100%;border-top:1px solid var(--line);padding-top:15px}.floating-wa{bottom:15px;left:15px;padding:10px 14px;font-size:11px}.demo-dialog[open]{grid-template-columns:1fr;padding:28px 22px;gap:25px;align-items:start}.demo-intro>svg{display:none}.demo-intro h2{font-size:26px}.demo-intro h2 br{display:none}.demo-intro .section-kicker{font-size:11px;margin-bottom:8px}.demo-intro p:not(.section-kicker){font-size:12px;margin-top:12px}.demo-intro small{margin-top:10px;font-size:10px}.demo-phone{min-height:510px;max-width:290px}.gallery-dialog{padding:17px 14px}.gallery-dialog h2{font-size:19px}.gallery-stage{max-height:66dvh}.gallery-dialog header{gap:15px}.gallery-controls{padding-top:13px}.order-dialog{padding:33px 23px}.order-dialog h2{font-size:25px}.order-dialog>p:not(.section-kicker){font-size:12px}.order-dialog label{margin-top:16px}.order-dialog select,.order-dialog input{font-size:16px}}
@media(max-width:360px){.hero h1{font-size:42px}.hero-actions{gap:13px}.hero-actions .btn{font-size:12px;padding-inline:13px}.hero-photo{height:270px}.hero-note{font-size:9px}.price-row{gap:8px;grid-template-columns:32px 1fr auto 27px}.service-icon{width:32px;height:38px}.row-price strong{font-size:23px}.offer-price{flex-wrap:wrap}.offer-price .btn{margin-right:auto}.google-products .crop-photo{height:180px}}
.hero-photo{height:auto;aspect-ratio:1.14}
.menu-photo{height:auto;aspect-ratio:.78}
.product-thumb>.crop-photo{height:auto;aspect-ratio:.93}
.work-preview{height:auto;padding-bottom:22px}
.work-preview>img{height:auto}
@media(max-width:760px){.price-row{grid-template-columns:39px 1fr auto 40px}.price-row .round-button{width:40px;height:40px}}
@media(max-width:360px){.price-row{grid-template-columns:32px 1fr auto 40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Full product cutouts: keep the entire card visible on a quiet display surface. */
.gallery-stage.product-gallery{padding:22px;background:#e4eadd}
.gallery-stage.product-gallery img{width:100%;height:auto;max-height:60dvh;object-fit:contain;filter:drop-shadow(0 10px 13px #24332e1a)}
.hero-photo,.menu-photo,.product-thumb>.crop-photo{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;isolation:isolate;height:auto;overflow:hidden}
.hero-photo{aspect-ratio:1.14;background:#e1e8df;padding:22px}
.menu-photo{aspect-ratio:1.08;background:#e3e7dc;padding:27px;max-height:430px}
.product-thumb>.crop-photo{aspect-ratio:1;background:#e7ede4;padding:20px}
.hero-photo img,.menu-photo img,.product-thumb>.crop-photo img{position:static;inset:auto;display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;transform:none;filter:drop-shadow(0 13px 14px rgba(30,48,36,.13))}
.mini-card{display:none}
@media(max-width:760px){.hero-photo{padding:18px}.menu-photo{aspect-ratio:1.05;padding:24px;max-height:370px}.product-thumb>.crop-photo{padding:14px}.hero-photo img,.menu-photo img,.product-thumb>.crop-photo img{filter:drop-shadow(0 9px 10px rgba(30,48,36,.12))}}

/* Keep the complete business name readable alongside the navigation and CTA. */
.brand{min-width:0;max-width:310px;font-size:27px;line-height:1.25}
.brand>span:last-child{min-width:0;max-width:250px;white-space:normal;word-break:normal;overflow-wrap:normal}
.brand-mark{flex-shrink:0}
.footer-brand{max-width:100%;font-size:24px;line-height:1.45;white-space:normal;word-break:normal;overflow-wrap:normal}
@media(max-width:1050px){.header-inner{gap:18px}.header-inner nav{gap:22px;font-size:13px}.brand{max-width:280px;font-size:23px}.brand>span:last-child{max-width:220px}}
@media(max-width:760px){.header-inner{gap:8px}.brand{max-width:160px;gap:6px;font-size:18px;line-height:1.25}.brand>span:last-child{max-width:110px}.brand small{font-size:8px}.header-inner>.btn{flex-shrink:0}.footer-brand{max-width:230px;font-size:22px}}
@media(max-width:360px){.brand{font-size:17px}.brand>span:last-child{max-width:102px}.footer-brand{font-size:21px}}
