:root{--ink:#0E1726;--ink2:#152033;--line-d:#26354B;--muted:#4A5568;--muted-d:#A9B6C6;--bg:#F5F7FA;--line:#DDE3EA;--white:#fff;--kern:#1D4ED8;--kern-t:#E6EDFC;--kern-l:#93B4FB;--sol:#0F766E;--sol-t:#E0F2EF;--sol-l:#5EEAD4;--sec:#B91C1C;--sec-t:#FDECEC;--sec-l:#FCA5A5;--accent:var(--ink);--accent-t:#EEF1F4;--accent-l:#C3CEDA}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'IBM Plex Sans','IBM Plex Sans Arabic',system-ui,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
html[lang=ar] body{font-family:'IBM Plex Sans Arabic','IBM Plex Sans',Tahoma,sans-serif}
.p-kern{--accent:var(--kern);--accent-t:var(--kern-t);--accent-l:var(--kern-l)}
.p-sol{--accent:var(--sol);--accent-t:var(--sol-t);--accent-l:var(--sol-l)}
.p-sec{--accent:var(--sec);--accent-t:var(--sec-t);--accent-l:var(--sec-l)}
a{color:var(--accent)}
img{max-width:100%}
.wrap{max-width:1280px;margin:0 auto;padding-inline:64px}
.mono{font-family:'IBM Plex Mono','IBM Plex Sans Arabic',monospace;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
html[lang=ar] .mono{letter-spacing:0}
.eyebrow{color:var(--accent);font-weight:500}
.dark .eyebrow{color:var(--accent-l)}
h1,h2,h3{margin:0;line-height:1.15}
h2{font-size:44px;font-weight:700}
h3{font-weight:700}
p{margin:0}
.muted{color:var(--muted)}
.skip{position:absolute;inset-inline-start:-9999px}.skip:focus{inset-inline-start:16px;top:16px;z-index:99;background:#fff;padding:8px 12px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 24px;border-radius:8px;font:inherit;font-weight:600;font-size:16px;text-decoration:none;border:1px solid transparent;cursor:pointer}
.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{filter:brightness(1.1);color:#fff}
.btn-white{background:#fff;color:var(--ink)}.btn-white:hover{background:#EEF1F4;color:var(--ink)}
.btn-ghost{color:#fff;border-color:#44546C}.btn-ghost:hover{background:#1B2940;color:#fff}
.btn-outline{background:#fff;color:var(--ink);border-color:var(--ink)}
.btn-ink{background:var(--ink);color:#fff}
.p-home .btn-accent{background:#fff;color:var(--ink)}

/* header */
.site-header{background:var(--ink);color:#fff;border-bottom:1px solid #1F2B3D;position:sticky;top:0;z-index:50}
.site-header .wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.brand-mark{width:36px;height:36px;border-radius:8px;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;font-family:'IBM Plex Sans',sans-serif}
.brand-text{display:flex;flex-direction:column;line-height:1.1}
.brand-text b{font-size:20px}
.brand-text span{font-size:12px;color:var(--muted-d)}
.nav{display:flex;align-items:center;gap:32px}
.nav a{color:#C3CEDA;text-decoration:none;font-size:15px;font-weight:500}
.nav a:hover,.nav a[aria-current=page]{color:#fff}
.nav a[aria-current=page]{font-weight:700}
.head-actions{display:flex;align-items:center;gap:12px}
.lang{color:#D5DEE8;text-decoration:none;font-size:14px;font-weight:600;padding:10px 12px;border:1px solid #33425A;border-radius:8px;min-height:44px;display:flex;align-items:center}
.lang:hover{color:#fff;background:#1B2940}
.menu-btn{display:none;width:44px;height:44px;align-items:center;justify-content:center;background:transparent;border:1px solid #33425A;border-radius:8px;color:#fff;cursor:pointer}
.head-cta{padding:10px 18px;min-height:44px;font-size:15px}

/* sections */
.dark{background:var(--ink);color:#fff}
.sec{padding:112px 0}
.sec-white{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec-tint{background:#EAF0F4}
.sec-head{display:flex;flex-direction:column;gap:12px;max-width:760px;margin-bottom:40px}
.sec-head p{font-size:17px;color:var(--muted)}
.grid{display:grid;gap:20px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* hero */
.hero{padding:104px 0 120px}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:center}
.hero.solo .wrap{grid-template-columns:minmax(0,1fr)}
.hero-copy{display:flex;flex-direction:column;gap:22px}
.hero h1{font-size:64px;line-height:1.06;letter-spacing:-.01em}
.hero .lead{font-size:20px;color:#C3CEDA;max-width:640px}
.hero .tagline{font-size:28px;line-height:1.25;font-weight:600}
.hero.solo h1{max-width:900px;font-size:68px}
.pill{align-self:flex-start;background:var(--accent);color:#fff;padding:6px 12px;border-radius:999px;font-weight:500}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;padding-top:6px}

/* app window mock */
.window{background:var(--ink2);border:1px solid var(--line-d);border-radius:14px;overflow:hidden}
.window-bar{height:36px;display:flex;align-items:center;gap:8px;padding:0 14px;background:#1B2940;border-bottom:1px solid var(--line-d);direction:ltr}
.window-bar i{width:11px;height:11px;border-radius:50%;background:#44546C}
.window-bar span{font-size:12px;color:#8C9AAD;padding-inline-start:8px}
.mock{display:grid;grid-template-columns:150px 1fr;min-height:320px}
.mock-side{border-inline-end:1px solid var(--line-d);padding:18px;display:flex;flex-direction:column;gap:12px}
.mock-main{padding:20px;display:flex;flex-direction:column;gap:14px}
.bar{height:10px;border-radius:6px;background:#26354B}
.bar.a{background:var(--accent);opacity:.9}
.bar.l{background:var(--accent-l);opacity:.5}
.mock-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 14px;border:1px solid var(--line-d);border-radius:8px}
.mock-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mock-tile{border:1px solid var(--line-d);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:10px}
.mock-cap{font-size:12px;color:#8C9AAD;padding:0 20px 14px}

/* report card */
.report{background:var(--ink2);border:1px solid var(--line-d);border-radius:16px;padding:24px}
.report-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line-d)}
.report-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #1F2B3D;font-size:15px;color:#D5DEE8}
.st{font-size:13px;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap}
.st-ok{background:#0F3D2E;color:#86EFAC}.st-warn{background:#43300B;color:#FCD34D}

/* cards */
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:10px}
.card h3{font-size:18px}
.card p{font-size:15px;color:var(--muted)}
.num{width:36px;height:36px;border-radius:8px;background:var(--accent-t);color:var(--accent);display:flex;align-items:center;justify-content:center;font-family:'IBM Plex Mono',monospace;font-size:14px}
.product{background:#fff;border:1px solid var(--line);border-top:6px solid var(--c);border-radius:14px;padding:32px;display:flex;flex-direction:column;gap:16px}
.product .mono{color:var(--c);font-size:12px}
.product h3{font-size:28px}
.product p{color:var(--muted)}
.checks{list-style:none;margin:0;padding:16px 0 0;border-top:1px solid #E6EBF0;display:flex;flex-direction:column;gap:10px;flex-grow:1}
.checks li{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.checks svg{flex-shrink:0;margin-top:3px}
.product .btn{align-self:flex-start;background:var(--c);color:#fff}
.service{border:1px solid var(--line);border-radius:12px;padding:32px;display:flex;gap:20px;align-items:flex-start;background:#F9FAFB}
.service .mono{color:var(--accent);min-width:28px;font-size:15px}
.service h3{font-size:21px;margin-bottom:8px}
.service p{color:var(--muted)}
.steps{list-style:none;margin:0;padding:0}
.steps li{display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:3px solid var(--accent)}
.steps h3{font-size:20px}
.steps p,.why p{color:var(--muted)}
.why>div{display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:2px solid var(--ink)}
.why h3{font-size:19px}

/* built-for + trust */
.split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px;align-items:start}
.list{list-style:none;margin:20px 0 0;padding:0}
.list li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);font-size:18px;font-weight:600}
.soon{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:#EEF1F4;color:var(--muted)}
.trust{background:var(--ink);color:#fff;border-radius:16px;padding:40px;display:flex;flex-direction:column;gap:16px}
.trust h3{font-size:30px}
.trust p{color:#C3CEDA;font-size:17px}

/* plans */
.plans{display:grid;gap:20px}
.plan{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:20px}
.plan.featured{background:var(--ink);color:#fff;border-color:var(--ink)}
.plan-top{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:28px}
.plan h3{font-size:20px}
.badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--accent-l);color:var(--ink)}
.price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.price b{font-size:34px;line-height:1.1}
.price span{font-size:15px;color:var(--muted)}
.plan.featured .price span{color:var(--muted-d)}
.plan .checks{border-top-color:var(--line)}
.plan.featured .checks{border-top-color:var(--line-d)}
.plan .btn{width:100%}
.plan.featured .btn{background:var(--accent);color:#fff}
.plan:not(.featured) .btn{background:#fff;color:var(--ink);border-color:var(--ink)}
.p-home .plan.featured .btn{background:#fff;color:var(--ink)}
.note{font-size:14px;color:var(--muted);margin-top:20px}

/* band */
.band{background:#5A1515;color:#fff;border-radius:16px;padding:48px 56px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.band h2{font-size:32px;margin-bottom:8px}
.band p{color:#F3D3D3}
.band .btn{background:#fff;color:#5A1515}

/* forms */
.contact-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:24px;align-items:start}
.form{background:#fff;border:1px solid var(--line);border-radius:16px;padding:36px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.fld{display:flex;flex-direction:column;gap:8px}
.fld.full,.form .full{grid-column:1/-1}
.fld label{font-size:14px;font-weight:600}
.fld input,.fld select,.fld textarea{font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1px solid #C9D2DC;border-radius:8px;padding:12px 14px;min-height:48px;width:100%}
.fld textarea{min-height:120px;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}
.hp{position:absolute!important;inset-inline-start:-10000px;width:1px;height:1px;overflow:hidden}
.form-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.form-msg{font-size:15px;font-weight:600;min-height:1em}
.form-msg.ok{color:#15803D}.form-msg.err{color:var(--sec)}
.p-home .form .btn-accent{background:var(--ink);color:#fff}
.info{background:var(--ink);color:#fff;border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:20px}
.info small{display:block;font-size:13px;color:var(--muted-d);margin-bottom:4px}
.info a{color:#fff;text-decoration:none;font-size:16px}
.info .btn{color:var(--ink)}

/* scanner section */
.scan-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:start}
.scan-grid .asw{max-width:none}

/* footer */
.site-footer{background:var(--ink);color:var(--muted-d)}
.site-footer .wrap{padding-block:32px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:14px}
.site-footer nav{display:flex;flex-wrap:wrap;gap:24px}
.site-footer a{color:#D5DEE8}

/* responsive */
@media (max-width:1100px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{gap:20px}}
@media (max-width:900px){
  .wrap{padding-inline:20px}
  .nav,.head-cta{display:none}
  .menu-btn{display:flex}
  .site-header.open .nav{display:flex;position:absolute;top:76px;inset-inline:0;flex-direction:column;align-items:stretch;gap:0;background:var(--ink);border-bottom:1px solid #1F2B3D;padding:8px 20px 16px}
  .site-header.open .nav a{padding:14px 0;border-bottom:1px solid #1F2B3D;font-size:17px}
  .hero{padding:56px 0 72px}
  .hero .wrap,.split,.contact-grid,.scan-grid{grid-template-columns:minmax(0,1fr);gap:40px}
  .hero h1,.hero.solo h1{font-size:42px}
  .hero .lead{font-size:17px}.hero .tagline{font-size:22px}
  h2{font-size:30px}
  .sec{padding:64px 0}
  .g2,.g3,.g4,.plans{grid-template-columns:minmax(0,1fr)!important}
  .form{grid-template-columns:minmax(0,1fr);padding:20px}
  .band{padding:28px 24px}.band h2{font-size:24px}
  .trust{padding:28px}.trust h3{font-size:24px}
  .service{padding:24px}
  .mock{grid-template-columns:90px 1fr}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
section[id]{scroll-margin-top:84px}

/* kern download + activation status */
.window.shot img{display:block;width:100%;height:auto}
.dl-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:start}
.dl-steps{display:grid;gap:20px;margin-top:8px}
.dl-steps .mono{color:var(--accent)}
.req{color:var(--muted);margin-top:24px;font-size:12px}
.dl-form{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:28px}
.dl-ready{background:var(--accent-t);border-radius:8px;padding:14px 16px;font-size:15px}
.status-form{max-width:640px;display:flex;flex-direction:column;gap:10px}
.status-form label{color:var(--muted)}
.status-row{display:flex;gap:10px}
.status-row input{flex:1;min-height:48px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;font:500 16px 'IBM Plex Mono',monospace;letter-spacing:.04em;background:#fff;color:var(--ink)}
.status-row input:focus{outline:2px solid var(--accent);outline-offset:1px}
.status-msg{min-height:24px;font-weight:600}
.status-msg.ok{color:#15803D}.status-msg.wait{color:#B45309}.status-msg.bad{color:#B91C1C}
@media (max-width:900px){.dl-grid{grid-template-columns:1fr;gap:32px}.status-row{flex-direction:column}}
.dl-help{margin:8px 0 0;font-size:14px;color:var(--muted);line-height:1.6}

/* security awareness */
.g5{grid-template-columns:repeat(5,minmax(0,1fr))}
.track{border-top:4px solid var(--accent)}
.aw-banner{display:grid;gap:6px;margin-top:24px;padding:24px 28px;border-radius:14px;background:var(--ink);color:#fff;text-decoration:none}
.aw-banner .mono{color:var(--accent-l);font-size:12px}
.aw-banner b{font-size:22px}
.aw-banner span{color:#C3CEDA}
.aw-banner .aw-go{color:#fff;font-weight:600;margin-top:4px}
.aw-banner:hover{background:#1B2940;color:#fff}
.faq{border-bottom:1px solid var(--line);padding:14px 0}
.faq summary{cursor:pointer;font-weight:600;font-size:16px;list-style-position:inside}
.faq p{margin-top:8px;color:var(--muted)}
.quiz{max-width:760px}
.quiz-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:14px;min-height:320px}
.quiz-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:var(--muted)}
.quiz-bar{height:6px;border-radius:6px;background:var(--accent-t);overflow:hidden}
.quiz-bar i{display:block;height:100%;background:var(--accent)}
.quiz-ch{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.06em;background:var(--accent-t);color:var(--accent);border-radius:999px;padding:3px 10px}
.quiz-msg{border:1px solid var(--line);border-radius:12px;padding:16px;background:#F9FAFB;display:flex;flex-direction:column;gap:6px}
.quiz-from{font-size:13px;color:var(--muted);word-break:break-all}
.quiz-subj{font-weight:700}
.quiz-body{font-size:15px;line-height:1.7;word-break:break-word}
.quiz-actions{display:flex;gap:10px;flex-wrap:wrap}
.quiz-actions .btn{flex:1 1 140px}
.quiz-safe{background:#0F5132;color:#fff}.quiz-safe:hover{filter:brightness(1.15);color:#fff}
.quiz-phish{background:var(--sec);color:#fff}.quiz-phish:hover{filter:brightness(1.1);color:#fff}
.quiz-fb{border-radius:12px;padding:14px 16px;font-size:15px;line-height:1.6}
.quiz-fb.ok{background:#E8F5EE;color:#0F5132}.quiz-fb.no{background:var(--sec-t);color:#7F1D1D}
.quiz-score{font-family:'IBM Plex Mono',monospace;font-size:56px;font-weight:600;color:var(--accent);line-height:1}
@media (max-width:1100px){.g5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.g5{grid-template-columns:1fr}}
.quiz-body,.quiz-from{unicode-bidi:plaintext}
html[lang=ar] .quiz-ch{letter-spacing:0}
/* guide, offer, readiness */
.guide{align-items:start}
.guide-cover{width:200px;aspect-ratio:210/297;background:var(--ink);color:#fff;border-radius:8px;padding:18px;display:flex;flex-direction:column;gap:14px;box-shadow:0 18px 40px rgba(14,23,38,.22);border-top:5px solid var(--sec);margin-top:8px}
.guide-cover .brand-mark{background:#fff;color:var(--ink)}
.guide-cover b{font-size:19px;line-height:1.35;flex:1}
.guide-cover .mono{font-size:11px;color:var(--muted-d)}
.offer-box{margin-top:28px;background:var(--ink);color:#fff;border-radius:14px;padding:22px 24px;display:flex;flex-direction:column;gap:14px}
.offer-box b{font-size:19px}
.offer-box p{color:#C3CEDA;margin-top:6px;font-size:15px}
.offer-acts{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.offer-other{color:var(--accent-l);font-size:14px}
.aw-banner.aw-light{background:var(--accent-t);color:var(--ink);margin-top:14px}
.aw-banner.aw-light span{color:var(--muted)}
.aw-banner.aw-light .mono{color:var(--accent)}
.aw-banner.aw-light .aw-go{color:var(--accent)}
.aw-banner.aw-light:hover{background:#FADADA;color:var(--ink)}
.quiz-more{text-align:center;margin-top:18px;font-weight:600}
.rdy{max-width:760px;margin:0 auto}
.rdy-card{min-height:300px}
.rdy-q{font-size:21px;font-weight:600;line-height:1.5}
.rdy-area{font-size:13px;color:var(--accent);font-weight:600}
.rdy-opts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.rdy-opts button{border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:14px 8px;font:inherit;font-weight:600;cursor:pointer;color:var(--ink)}
.rdy-opts button:hover,.rdy-opts button:focus-visible{border-color:var(--accent);background:var(--accent-t);outline:none}
.rdy-opts button.on{border-color:var(--accent);background:var(--accent);color:#fff}
.rdy-back{align-self:flex-start;background:none;border:0;color:var(--muted);font:inherit;font-size:14px;cursor:pointer;padding:0}
.rdy-back[disabled]{visibility:hidden}
.rdy-head{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.rdy-level{display:inline-block;font-weight:700;padding:4px 12px;border-radius:999px;font-size:14px}
.rdy-level.l0{background:#E8F5EE;color:#0F5132}.rdy-level.l1{background:#FEF3C7;color:#92400E}.rdy-level.l2{background:var(--sec-t);color:#7F1D1D}
.rdy-rows{display:flex;flex-direction:column;gap:10px}
.rdy-row{display:grid;grid-template-columns:minmax(150px,200px) 1fr 48px;align-items:center;gap:12px;font-size:15px}
.rdy-track{height:10px;border-radius:10px;background:var(--accent-t);overflow:hidden}
.rdy-track i{display:block;height:100%;border-radius:10px}
.rdy-row .mono{font-size:14px;text-align:end}
.rdy-recs{display:flex;flex-direction:column;gap:10px;padding:0;list-style:none}
.rdy-recs li{background:#F9FAFB;border:1px solid var(--line);border-inline-start:4px solid var(--accent);border-radius:10px;padding:12px 14px}
.rdy-recs b{display:block;margin-bottom:2px}
.rdy-send{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}
.rdy-privacy{text-align:center;font-size:13px;margin-top:14px}
.rdy-areas .card p{font-size:14px}
@media (max-width:720px){.rdy-opts{grid-template-columns:repeat(2,1fr)}.rdy-row{grid-template-columns:1fr 44px}.rdy-row .rdy-track{grid-column:1/-1;grid-row:2}.guide-cover{width:160px}}
.rdy-send[hidden],.dl-ready[hidden]{display:none}
/* advanced phishing test */
.deep{max-width:820px;margin:0 auto}
.deep-card{color:var(--ink);align-items:flex-start}
.deep-card .deep-start{margin-top:4px}
.deep-meta{font-size:13px;background:#FFF7E6;color:#7A4B00;border-radius:8px;padding:8px 12px}
.deep-link{font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:2px}
.deep-link code{font-family:'IBM Plex Mono',monospace;font-size:13px;direction:ltr;unicode-bidi:isolate;word-break:break-all;color:var(--ink);background:#EEF1F4;border-radius:6px;padding:6px 8px;text-align:left}
.deep-card .quiz-msg,.deep-card .quiz-actions,.deep-card .quiz-bar,.deep-card .quiz-top{align-self:stretch}
.deep-review{display:flex;flex-direction:column;gap:12px;align-self:stretch;list-style:none;padding:0;margin:0}
.deep-review li{border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;background:#fff}
.deep-review li.ok{border-inline-start:5px solid #15803D}.deep-review li.no{border-inline-start:5px solid var(--sec)}
.deep-rh{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.deep-rh b{font-size:16px}
.deep-tag{font-size:12px;font-weight:600;border-radius:999px;padding:3px 10px;background:var(--accent-t);color:var(--accent)}
.deep-ans{display:flex;gap:16px;flex-wrap:wrap;font-size:14px}
.deep-ans .ok{color:#15803D;font-weight:700}.deep-ans .no{color:var(--sec);font-weight:700}
.deep-review h4{font-size:13px;color:var(--muted);margin:2px 0 0}
.deep-review p{font-size:15px;line-height:1.7;margin:0}
.deep-subj{font-size:14px;color:var(--muted)}
.deep-subj,.deep-link span{unicode-bidi:plaintext}
.quiz-score{direction:ltr;align-self:flex-start}
.dark .sec-head p{color:#A9B6C6}
/* email analyzer */
.an{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.an-input{width:100%;min-height:240px;resize:vertical;border:1.5px dashed var(--line);border-radius:14px;padding:16px;font:13px/1.55 'IBM Plex Mono',monospace;background:#fff;color:var(--ink);text-align:left}
.an-input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}
.an-input.drag{border-color:var(--accent);background:var(--accent-t)}
.an-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.an-open{cursor:pointer}
.an-samples-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-inline-start:auto;font-size:14px}
.an-link{background:none;border:0;color:var(--accent);font:inherit;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}
.an-out{display:flex;flex-direction:column;gap:16px}
.an-verdict{display:flex;gap:24px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px;border-inline-start:6px solid #15803D}
.an-verdict.mid{border-inline-start-color:#D97706}.an-verdict.high{border-inline-start-color:var(--sec)}
.an-verdict>div:last-child{flex:1 1 280px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.an-verdict h3{font-size:22px}
.an-gauge{--c:#15803D;width:112px;height:112px;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p)*1%),#E9EDF2 0);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;direction:ltr}
.an-gauge::before{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}
.an-gauge b,.an-gauge span{position:relative;font-family:'IBM Plex Mono',monospace}
.an-gauge b{font-size:32px;line-height:1}.an-gauge span{font-size:12px;color:var(--muted)}
.an-verdict.mid .an-gauge{--c:#D97706}.an-verdict.high .an-gauge{--c:var(--sec)}
.an-warn{background:#FFF7E6;color:#7A4B00;border-radius:8px;padding:8px 12px;font-size:14px}
.an-sec{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;gap:12px}
.an-sec h3{font-size:18px}
.an-findings{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.an-findings li{border:1px solid var(--line);border-inline-start:4px solid var(--line);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.an-findings li.sev-critical{border-inline-start-color:#7F1D1D}.an-findings li.sev-high{border-inline-start-color:var(--sec)}
.an-findings li.sev-medium{border-inline-start-color:#D97706}.an-findings li.sev-low{border-inline-start-color:#64748B}
.an-findings li.sev-info{border-inline-start-color:#1D4ED8}.an-findings li.sev-good{border-inline-start-color:#15803D}
.an-findings p{font-size:15px;color:var(--muted);margin:0}
.an-ftop{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.an-pill{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px;white-space:nowrap}
.an-pill.critical{background:#7F1D1D;color:#fff}.an-pill.high{background:var(--sec);color:#fff}.an-pill.medium{background:#FEF3C7;color:#92400E}
.an-pill.low{background:#EEF1F4;color:#334155}.an-pill.info{background:#E6EDFC;color:#1D4ED8}.an-pill.good{background:#E8F5EE;color:#0F5132}
.an-ev,.an-url{font-family:'IBM Plex Mono',monospace;font-size:12.5px;background:#F3F5F8;border-radius:6px;padding:4px 8px;direction:ltr;unicode-bidi:isolate;word-break:break-all;align-self:flex-start;text-align:left}
.an-scroll{overflow-x:auto}
.an-table{width:100%;border-collapse:collapse;font-size:14px}
.an-table th{text-align:start;font-size:12px;color:var(--muted);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--line)}
.an-table td{padding:9px 10px;border-bottom:1px solid #EEF1F4;vertical-align:top;word-break:break-word}
.an-table td:first-child{unicode-bidi:plaintext}
.an-flags{display:flex;flex-wrap:wrap;gap:6px}
.an-small{font-size:13px}
.an-hops{margin:0;padding-inline-start:20px;display:flex;flex-direction:column;gap:8px;font-size:14px}
.an-hops li{display:flex;flex-direction:column;gap:2px}
.an-hops b{font-family:'IBM Plex Mono',monospace;font-size:13px;direction:ltr;unicode-bidi:isolate;text-align:start;word-break:break-all}
.an-hops span{font-size:12.5px;direction:ltr;unicode-bidi:isolate}
.an-checks .card p{font-size:14px}
@media (max-width:720px){.an-samples-row{margin-inline-start:0}.an-gauge{width:92px;height:92px}.an-gauge b{font-size:26px}}
/* business setup */
.p-web{--accent:#6D28D9;--accent-t:#F1EBFD;--accent-l:#C4B5FD}
.launch-list{gap:10px;margin-top:14px}
.launch-list li span{color:#E2E8F0}
.launch-grid .card p{font-size:14.5px}
.launch-banner{margin-top:28px;background:linear-gradient(120deg,#1B1035,#0E1726 60%)}
.launch-banner .mono{color:#C4B5FD}
.launch-banner:hover{background:linear-gradient(120deg,#26164A,#152033 60%)}
/* website designer */
.wrap-wide{max-width:1440px;margin:0 auto;padding:0 24px}
.dz{display:grid;grid-template-columns:400px 1fr;gap:24px;align-items:start}
.dz-panel{display:flex;flex-direction:column;gap:12px}
.dz-step{background:#fff;border:1px solid var(--line);border-radius:14px;padding:4px 18px}
.dz-step>summary{cursor:pointer;font-weight:700;padding:14px 0;font-size:16px}
.dz-step[open]{padding-bottom:18px}
.dz-form-grid{grid-template-columns:1fr 1fr;gap:12px}
.dz-form-grid textarea{min-height:76px}
.dz-chips{display:flex;gap:8px;flex-wrap:wrap}
.dz-chip{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;color:var(--ink)}
.dz-chip.on{border-color:var(--accent);background:var(--accent);color:#fff}
.f-cairo{font-family:'Cairo',sans-serif}.f-tajawal{font-family:'Tajawal',sans-serif}
.dz-tpls{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dz-tpl{border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:10px;cursor:pointer;text-align:start;font:inherit;display:flex;flex-direction:column;gap:4px;color:var(--ink)}
.dz-tpl.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-t)}
.dz-tpl small{color:var(--muted);font-size:12px}
.dz-thumb{display:grid;grid-template-rows:10px 34px 18px;gap:4px;border-radius:7px;overflow:hidden;background:#F1F5F9;padding:5px;margin-bottom:4px}
.dz-thumb i{border-radius:3px;background:#CBD5E1}
.t-corporate i:nth-child(2){background:linear-gradient(90deg,#94A3B8 55%,#E2E8F0 55%)}
.t-bold{background:#0F172A}.t-bold i{background:#334155}.t-bold i:nth-child(2){background:#475569}
.t-elegant{background:#fff}.t-elegant i{background:#E2E8F0}.t-elegant i:nth-child(2){background:#F8FAFC;border:1px solid #CBD5E1}
.t-showcase i:nth-child(2){background:linear-gradient(135deg,#F59E0B,#EC4899)}
.dz-lbl{font-size:13px;color:var(--muted);font-weight:600;margin:4px 0 8px}
.dz-swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:12px}
.dz-sw{border:1.5px solid var(--line);border-radius:9px;padding:3px;height:34px;display:flex;overflow:hidden;cursor:pointer;background:#fff}
.dz-sw i{flex:1}.dz-sw i:first-child{border-radius:6px 0 0 6px}.dz-sw i:last-child{border-radius:0 6px 6px 0}
.dz-row-ctl{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.dz-color{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:600}
.dz-color input{width:42px;height:32px;border:1px solid var(--line);border-radius:8px;padding:2px;background:#fff;cursor:pointer}
.dz-stage{position:sticky;top:88px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 20px 50px rgba(14,23,38,.10)}
.dz-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);background:#F8FAFC;font-size:13px}
.dz-dots{display:flex;gap:6px}.dz-dots i{width:10px;height:10px;border-radius:50%;background:#E2E8F0}
.dz-devices{margin-inline-start:auto;display:flex;gap:6px}.dz-devices .dz-chip{padding:4px 12px;font-size:12px}
.dz-frame{height:calc(100vh - 170px);min-height:560px;overflow:auto;background:#E9EDF2;display:flex;justify-content:center}
.dz-frame.mobile{padding:16px 0}
.dz-frame.mobile .dz-preview{max-width:390px;border-radius:22px;box-shadow:0 10px 30px rgba(0,0,0,.18);overflow:hidden;align-self:flex-start}
@media (max-width:1100px){.dz{grid-template-columns:1fr}.dz-stage{position:static}.dz-frame{height:640px}}
@media (max-width:520px){.dz-form-grid{grid-template-columns:1fr}.dz-swatches{grid-template-columns:repeat(4,1fr)}.wrap-wide{padding:0 16px}}

/* the generated site (scoped) */
.dz-preview{--p:#1D4ED8;--a:#F59E0B;--f:'IBM Plex Sans Arabic',sans-serif;--r:14px;--pt:color-mix(in srgb,var(--p) 10%,#fff);
  width:100%;background:#fff;color:#1F2937;font-family:var(--f);container-type:inline-size;font-size:15px;line-height:1.6;text-align:start}
.dz-preview *{box-sizing:border-box;margin:0}
.dz-preview h1,.dz-preview h2,.dz-preview h3{font-family:var(--f);color:inherit;letter-spacing:0}
.dz-nav{display:flex;align-items:center;gap:18px;padding:16px 5%;border-bottom:1px solid #EEF1F4;background:#fff}
.dz-brand{display:flex;align-items:center;gap:10px;font-size:18px}
.dz-logo{width:38px;height:38px;border-radius:10px;background:var(--p);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;overflow:hidden;flex:none}
.dz-logo img{width:100%;height:100%;object-fit:contain;background:#fff}
.dz-menu{display:flex;gap:18px;margin-inline-start:auto;font-size:14px;color:#475569}
.dz-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:calc(var(--r) - 4px);font-weight:700;font-size:14px;white-space:nowrap}
.dz-btn-a{background:var(--a);color:#111}.dz-btn-p{background:var(--p);color:#fff}.dz-btn-o{border:1.5px solid currentColor}
.dz-row{display:flex;gap:10px;flex-wrap:wrap}
.dz-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;padding:64px 5%;background:var(--pt)}
.dz-hero h1{font-size:40px;line-height:1.2;font-weight:800;margin-bottom:14px;color:#0F172A}
.dz-hero p{font-size:17px;color:#475569;margin-bottom:22px;max-width:560px}
.dz-art{aspect-ratio:1/1;border-radius:28px;background:linear-gradient(135deg,var(--p),color-mix(in srgb,var(--p) 55%,var(--a)));color:#fff;display:flex;align-items:center;justify-content:center;max-width:320px;width:100%;justify-self:center}
.dz-art svg{width:42%;height:42%;opacity:.95}
.dz-sec{padding:56px 5%}
.dz-sec h2{font-size:28px;font-weight:800;margin-bottom:6px;color:#0F172A}
.dz-sub{color:#64748B;margin-bottom:24px}
.dz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dz-card{border:1px solid #E5E7EB;border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:12px;background:#fff}
.dz-card h3{font-size:17px;font-weight:700}
.dz-ic{width:44px;height:44px;border-radius:12px;background:var(--pt);color:var(--p);display:flex;align-items:center;justify-content:center}
.dz-about{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;background:#F8FAFC}
.dz-about p{color:#475569;margin-top:8px}
.dz-why{display:flex;flex-direction:column;gap:12px}
.dz-why div{background:#fff;border-radius:var(--r);padding:14px 16px;border-inline-start:4px solid var(--a);display:flex;flex-direction:column}
.dz-why span{color:#64748B;font-size:14px}
.dz-contact{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.dz-info{display:flex;flex-direction:column;gap:12px}
.dz-info small{display:block;color:#94A3B8;font-size:12px}
.dz-form{display:flex;flex-direction:column;gap:10px;background:#F8FAFC;border-radius:var(--r);padding:20px}
.dz-input{display:block;background:#fff;border:1px solid #E2E8F0;border-radius:8px;padding:10px 12px;color:#94A3B8;font-size:14px}
.dz-input.big{height:80px}
.dz-form .dz-btn{align-self:flex-start}
.dz-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:20px 5%;background:#0F172A;color:#CBD5E1;font-size:13px}
.dz-dom{direction:ltr;unicode-bidi:isolate}
/* template: bold */
.tpl-bold .dz-nav{background:#0B1120;border-color:#1E293B;color:#fff}.tpl-bold .dz-menu{color:#CBD5E1}
.tpl-bold .dz-hero{background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--p) 60%,#0B1120),#0B1120 70%);color:#fff;grid-template-columns:1fr;text-align:center;padding:96px 8%}
.tpl-bold .dz-hero h1{color:#fff;font-size:52px}.tpl-bold .dz-hero p{color:#CBD5E1;margin-inline:auto}
.tpl-bold .dz-hero .dz-row{justify-content:center}.tpl-bold .dz-art{display:none}
.tpl-bold .dz-card{background:#0F172A;border-color:#1E293B;color:#fff}.tpl-bold .dz-services{background:#0B1120;color:#fff}
.tpl-bold .dz-services h2{color:#fff}.tpl-bold .dz-ic{background:color-mix(in srgb,var(--p) 30%,#0F172A);color:#fff}
/* template: elegant */
.tpl-elegant{--r:4px}
.tpl-elegant .dz-nav{justify-content:center;flex-wrap:wrap;border-bottom:1px solid #E5E7EB}
.tpl-elegant .dz-hero{background:#fff;grid-template-columns:1fr;text-align:center;padding:84px 10%;border-bottom:1px solid #F1F5F9}
.tpl-elegant .dz-hero h1{font-weight:600;font-size:44px}.tpl-elegant .dz-hero p{margin-inline:auto}
.tpl-elegant .dz-hero .dz-row{justify-content:center}.tpl-elegant .dz-art{display:none}
.tpl-elegant .dz-hero::after{content:"";display:block;width:64px;height:2px;background:var(--a);margin:28px auto 0}
.tpl-elegant .dz-sec h2{font-weight:600;text-align:center}.tpl-elegant .dz-sub{text-align:center}
.tpl-elegant .dz-card{border:0;border-top:2px solid var(--p);text-align:center;align-items:center}
.tpl-elegant .dz-about{background:#fff}
/* template: showcase */
.tpl-showcase{--r:20px}
.tpl-showcase .dz-nav{background:var(--p);border:0;color:#fff}.tpl-showcase .dz-menu{color:#fff;opacity:.9}
.tpl-showcase .dz-logo{background:#fff;color:var(--p)}
.tpl-showcase .dz-hero{background:linear-gradient(135deg,var(--p),color-mix(in srgb,var(--p) 40%,var(--a)));color:#fff}
.tpl-showcase .dz-hero h1{color:#fff}.tpl-showcase .dz-hero p{color:rgba(255,255,255,.9)}
.tpl-showcase .dz-art{background:rgba(255,255,255,.16);border:2px solid rgba(255,255,255,.35)}
.tpl-showcase .dz-btn-o{color:#fff}
.tpl-showcase .dz-card{background:var(--pt);border:0}.tpl-showcase .dz-card:nth-child(even){background:color-mix(in srgb,var(--a) 18%,#fff)}
.tpl-showcase .dz-ic{background:#fff}
/* small screens inside the preview */
@container (max-width:720px){
  .dz-menu{display:none}
  .dz-hero,.dz-about,.dz-contact{grid-template-columns:1fr}
  .dz-hero{padding:40px 6%}.dz-hero h1,.tpl-bold .dz-hero h1,.tpl-elegant .dz-hero h1{font-size:30px}
  .dz-art{max-width:200px}
  .dz-grid{grid-template-columns:1fr}
  .dz-sec{padding:40px 6%}
}
.dz .form{border:0;padding:0;border-radius:0;background:none}
.dz .fld input,.dz .fld select,.dz .fld textarea{font-size:15px;padding:9px 12px;min-height:42px}
.dz .fld textarea{min-height:76px}
.dz .fld label{font-size:13px}
/* designer themes v2 */
.dz-preview .mono{font-family:'IBM Plex Mono',monospace;letter-spacing:0}
.dz-preview .lg{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex:none;font-weight:700;overflow:hidden}
.dz-preview .lg img{width:100%;height:100%;object-fit:contain}
.dz-preview nav{display:flex;gap:22px;font-size:14px}
.dz-preview h1,.dz-preview h2,.dz-preview h3,.dz-preview p,.dz-preview dl,.dz-preview dd,.dz-preview blockquote,.dz-preview ol{margin:0;padding:0}
.dz-preview ol{list-style:none}
/* paper */
.th-paper{background:#F4EFE6;color:#1F2A2B}
.pp-top{display:flex;align-items:center;gap:24px;padding:18px 6%;border-bottom:1px solid #DCD2C1}
.pp-brand{display:flex;align-items:center;gap:10px;font-size:17px}
.pp-lg{background:#1F2A2B;color:#F4EFE6;border-radius:2px;font-family:'IBM Plex Mono',monospace}
.pp-lg.img{background:#fff}
.pp-nav{margin-inline-start:auto;color:#5E584D}
.pp-phone{font-size:13px;color:#5E584D}
.pp-hero{padding:72px 6% 56px;border-bottom:1px solid #DCD2C1}
.pp-kick{font-size:12px;color:var(--p);margin-bottom:22px}
.pp-hero h1{font-size:46px;line-height:1.18;font-weight:600;max-width:15em;letter-spacing:-.01em}
.pp-hero-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:40px;flex-wrap:wrap}
.pp-hero-foot p{max-width:34em;color:#5E584D;font-size:16px}
.pp-btn{background:var(--a);color:#1F2A2B;padding:12px 22px;font-weight:600;font-size:14px}
.pp-sec{padding:44px 6%;border-bottom:1px solid #DCD2C1;display:grid;grid-template-columns:200px 1fr;gap:32px}
.pp-h{display:flex;flex-direction:column;gap:6px}.pp-h .mono{font-size:12px;color:var(--p)}.pp-h h2{font-size:20px;font-weight:600}
.pp-list li{display:grid;grid-template-columns:44px minmax(140px,240px) 1fr;gap:16px;padding:16px 0;border-top:1px solid #DCD2C1;align-items:baseline}
.pp-list li:first-child{border-top:0;padding-top:0}
.pp-list .mono{font-size:12px;color:#8A8274}.pp-list b{font-weight:600;font-size:16px}.pp-list li>span:last-child{color:#5E584D;font-size:15px}
.pp-about{display:grid;grid-template-columns:1.6fr 1fr;gap:32px}
.pp-big{font-size:20px;line-height:1.6}
.pp-about dt{font-size:12px;color:#8A8274;margin-top:10px}.pp-about dd{font-size:15px}
.pp-contact{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;align-items:start}
.pp-table div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #DCD2C1;font-size:15px}
.pp-table div:first-child{border-top:0;padding-top:0}.pp-table span{color:#8A8274}.pp-table b{font-weight:500;font-size:14px}
.pp-cta{background:#1F2A2B;color:#F4EFE6;padding:22px;display:flex;flex-direction:column;gap:6px}
.pp-cta b{color:var(--a);font-size:14px}.pp-cta .mono{font-size:18px}
.pp-foot{display:flex;justify-content:space-between;padding:20px 6%;font-size:12px;color:#8A8274}
/* editorial */
.th-editorial{background:#fff;color:#141414}
.ed-top{display:flex;align-items:center;justify-content:space-between;padding:22px 6%}
.ed-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800}
.ed-lg{background:var(--p);color:#fff;border-radius:50%}
.ed-nav{color:#555}
.ed-hero{padding:56px 6% 40px}
.ed-hero h1{font-size:68px;line-height:1.02;font-weight:800;letter-spacing:-.03em;max-width:11em}
.ed-hero-row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:40px;padding-top:20px;border-top:2px solid #141414;flex-wrap:wrap}
.ed-hero-row p{max-width:30em;font-size:16px;color:#444}
.ed-link{font-size:22px;font-weight:800;border-bottom:3px solid var(--a);padding-bottom:2px}
.ed-strip{padding:18px 6%;background:#141414;color:#fff;font-size:26px;font-weight:800;display:flex;flex-wrap:wrap;gap:14px;letter-spacing:-.01em}
.ed-strip i{font-style:normal;color:var(--a);margin-inline-start:14px}
.ed-sec{padding:56px 6%}
.ed-label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#777;margin-bottom:24px}
.th-editorial[lang=ar] .ed-label{letter-spacing:0;text-transform:none}
.ed-list{display:grid;grid-template-columns:1fr 1fr;column-gap:48px}
.ed-list article{display:flex;gap:20px;padding:22px 0;border-top:1px solid #E5E5E5}
.ed-num{font-size:44px;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--a)}
.ed-list h3{font-size:20px;font-weight:800}.ed-list p{color:#555;margin-top:4px}
.ed-quote{padding:40px 6% 64px}
.ed-quote blockquote{font-size:30px;line-height:1.35;font-weight:700;max-width:24em;border-inline-start:6px solid var(--a);padding-inline-start:24px}
.ed-close{background:#141414;color:#fff;padding:56px 6%;display:flex;flex-direction:column;gap:6px}
.ed-close .ed-label{color:#999}
.ed-mail{font-size:40px;font-weight:800;letter-spacing:-.02em;word-break:break-all}.ed-tel{font-size:24px;color:var(--a);font-weight:700}
.ed-meta{display:flex;gap:28px;flex-wrap:wrap;color:#aaa;margin-top:18px;font-size:14px}
.ed-foot{display:flex;justify-content:space-between;padding:18px 6%;background:#141414;color:#777;font-size:12px;border-top:1px solid #2a2a2a}
/* souq */
.th-souq{background:#FBF5EC;color:#3A2A20}
.sq-band{height:14px;background-color:var(--p);background-image:linear-gradient(45deg,rgba(255,255,255,.22) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.22) 75%),linear-gradient(45deg,rgba(255,255,255,.22) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.22) 75%);background-size:14px 14px;background-position:0 0,7px 7px}
.sq-top{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 6% 18px;border-bottom:1px dashed #D9C7AE}
.sq-lg{width:56px;height:64px;border-radius:999px 999px 6px 6px;background:var(--p);color:#FBF5EC;font-size:24px}
.sq-name{font-size:22px;font-weight:800}
.sq-nav{color:#7A5E49}
.sq-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:56px 6%}
.sq-tag{display:inline-block;font-size:13px;font-weight:700;color:var(--a);background:color-mix(in srgb,var(--a) 12%,#fff);padding:4px 12px;border-radius:999px;margin-bottom:16px}
.sq-hero h1{font-size:42px;line-height:1.2;font-weight:800;margin-bottom:14px}
.sq-hero p{color:#6E5646;font-size:16px;margin-bottom:22px}
.sq-btns{display:flex;gap:10px;flex-wrap:wrap}
.sq-btn{background:var(--p);color:#fff;padding:11px 22px;border-radius:999px;font-weight:700;font-size:14px}
.sq-btn.ghost{background:transparent;color:var(--p);border:2px solid var(--p)}
.sq-arch{aspect-ratio:4/5;max-width:300px;width:100%;justify-self:center;border-radius:999px 999px 18px 18px;padding:10px;background:var(--p)}
.sq-arch-in{width:100%;height:100%;border-radius:999px 999px 12px 12px;display:flex;align-items:center;justify-content:center;color:var(--p);
  background-color:#F3E6D3;background-image:radial-gradient(circle at 50% 50%,transparent 58%,rgba(0,0,0,.04) 59%),repeating-linear-gradient(45deg,rgba(168,71,42,.08) 0 2px,transparent 2px 14px)}
.sq-sec{padding:40px 6% 56px}
.sq-sec h2{font-size:28px;font-weight:800;text-align:center;margin-bottom:28px}
.sq-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sq-cards article{background:#fff;border-radius:999px 999px 16px 16px;padding:40px 22px 26px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;border:1px solid #EADBC6}
.sq-ic{width:52px;height:52px;border-radius:50%;background:color-mix(in srgb,var(--p) 12%,#fff);color:var(--p);display:flex;align-items:center;justify-content:center}
.sq-cards h3{font-size:18px;font-weight:800}.sq-cards p{color:#7A5E49;font-size:14px}
.sq-visit{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 6% 56px}
.sq-ticket{background:#fff;border:2px dashed #D9C7AE;border-radius:14px;padding:22px}
.sq-ticket h3{font-size:20px;font-weight:800;margin-bottom:10px;color:var(--p)}
.sq-ticket div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px dotted #E2D3BE;font-size:14px}
.sq-ticket span{color:#9A7F69}.sq-ticket b{font-weight:700;text-align:end}
.sq-map{border-radius:14px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--p);
  background-color:#EFE3D0;background-image:linear-gradient(#E3D3BA 1px,transparent 1px),linear-gradient(90deg,#E3D3BA 1px,transparent 1px);background-size:28px 28px}
.sq-map small{color:#7A5E49}
.sq-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 6%;background:var(--p);color:#FBF5EC;font-size:12px}
/* noir */
.th-noir{background:#121212;color:#EDE6DA}
.nr-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:22px 6%;border-bottom:1px solid #2A2722}
.nr-nav{color:#A59C8E;font-size:13px}
.nr-brand{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:15px;letter-spacing:.2em;text-transform:uppercase}
.th-noir[lang=ar] .nr-brand{letter-spacing:0}
.nr-lg{border:1px solid var(--p);color:var(--p);border-radius:50%;width:44px;height:44px;font-weight:400}
.nr-cta{justify-self:end;border:1px solid var(--p);color:var(--p);padding:8px 16px;font-size:13px}
.nr-hero{text-align:center;padding:96px 10% 80px;display:flex;flex-direction:column;align-items:center;gap:20px}
.nr-orn{color:var(--p);font-size:12px;letter-spacing:.6em}
.nr-hero h1{font-size:48px;line-height:1.25;font-weight:300;max-width:16em}
.nr-hero p{color:#A59C8E;max-width:32em}
.nr-btn{background:var(--p);color:#121212;padding:12px 30px;font-weight:600;font-size:14px;margin-top:8px}
.nr-sec{padding:56px 10%;border-top:1px solid #2A2722;text-align:center}
.nr-label{display:block;color:var(--p);font-size:12px;letter-spacing:.3em;text-transform:uppercase;margin-bottom:28px}
.th-noir[lang=ar] .nr-label{letter-spacing:0;font-size:14px}
.nr-list{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;text-align:start}
.nr-list div{padding:20px 0;border-bottom:1px solid #2A2722}
.nr-list h3{font-size:19px;font-weight:400}.nr-list p{color:#8E8679;font-size:14px;margin-top:4px}
.nr-about{display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:center;padding:64px 10%;background:#181715}
.nr-mono{width:150px;height:150px;border:1px solid var(--p);border-radius:50%;display:flex;align-items:center;justify-content:center}
.nr-mono span{font-size:64px;font-weight:300;color:var(--p)}
.nr-about .nr-label{margin-bottom:12px}.nr-about p{font-size:18px;line-height:1.8;font-weight:300}
.nr-contact{padding:64px 10%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.nr-contact small{display:block;color:#8E8679;font-size:12px}.nr-contact b{font-weight:400;font-size:17px}
.nr-foot{display:flex;justify-content:space-between;padding:18px 6%;border-top:1px solid #2A2722;color:#6E675C;font-size:12px}
/* calm */
.th-calm{background:#fff;color:#22313A}
.cm-bar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 6%;font-size:12.5px;background:color-mix(in srgb,var(--p) 9%,#fff);color:var(--p)}
.cm-top{display:flex;align-items:center;gap:24px;padding:16px 6%}
.cm-brand{display:flex;align-items:center;gap:10px;font-size:17px}
.cm-lg{background:var(--p);color:#fff;border-radius:12px}
.cm-nav{margin-inline-start:auto;color:#5B6B75}
.cm-btn{background:var(--p);color:#fff;padding:10px 18px;border-radius:10px;font-weight:600;font-size:14px;text-align:center}
.cm-btn.full{display:block}
.cm-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;padding:56px 6% 64px;background:linear-gradient(180deg,color-mix(in srgb,var(--a) 10%,#fff),#fff)}
.cm-hero h1{font-size:40px;line-height:1.25;font-weight:700;margin-bottom:14px}
.cm-hero p{color:#5B6B75;font-size:16px}
.cm-card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 18px 40px rgba(34,49,58,.10);display:flex;flex-direction:column;gap:10px}
.cm-card small{color:#7A8A94;margin-top:-6px}
.cm-in{border:1px solid #DDE5EA;border-radius:10px;padding:10px 12px;color:#9AA8B1;font-size:14px}
.cm-sec{padding:52px 6%}.cm-sec.soft{background:#F6F9FA}
.cm-sec h2{font-size:26px;font-weight:700;margin-bottom:22px}
.cm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cm-grid article{border:1px solid #E6EDF1;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:8px}
.cm-ic{width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--a) 18%,#fff);color:var(--p);display:flex;align-items:center;justify-content:center}
.cm-grid h3{font-size:17px;font-weight:700}.cm-grid p{color:#5B6B75;font-size:14px}
.cm-why{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cm-why>div{display:flex;gap:12px;align-items:flex-start}
.cm-tick{width:28px;height:28px;border-radius:50%;background:var(--a);color:#fff;display:flex;align-items:center;justify-content:center;flex:none;font-size:14px}
.cm-why p{color:#5B6B75;font-size:14px}
.cm-contact{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:52px 6%}
.cm-info{display:flex;flex-direction:column;gap:12px}
.cm-info h2{font-size:26px;font-weight:700;margin-bottom:6px}
.cm-info small{display:block;color:#7A8A94;font-size:12px}
.cm-map{border-radius:18px;min-height:220px;display:flex;align-items:center;justify-content:center;color:var(--p);
  background-color:#EEF4F6;background-image:linear-gradient(#DFE9EE 1px,transparent 1px),linear-gradient(90deg,#DFE9EE 1px,transparent 1px);background-size:32px 32px}
.cm-foot{display:flex;justify-content:space-between;padding:18px 6%;border-top:1px solid #E6EDF1;color:#7A8A94;font-size:12px}
/* theme thumbnails in the picker */
.t-paper{background:#F4EFE6}.t-paper i{background:#DCD2C1}.t-paper i:nth-child(2){background:linear-gradient(90deg,#1F2A2B 0 60%,#F4EFE6 60%);height:34px}
.t-editorial{background:#fff}.t-editorial i{background:#E5E5E5}.t-editorial i:nth-child(2){background:#141414}.t-editorial i:nth-child(3){background:#E4572E}
.t-souq{background:#FBF5EC}.t-souq i{background:#E8D7C0}.t-souq i:nth-child(2){background:#A8472A;border-radius:20px 20px 3px 3px}
.t-noir{background:#121212}.t-noir i{background:#2A2722}.t-noir i:nth-child(2){background:linear-gradient(90deg,#121212 30%,#C8A24A 30% 70%,#121212 70%)}
.t-calm{background:#F6F9FA}.t-calm i{background:#DFE9EE}.t-calm i:nth-child(2){background:linear-gradient(90deg,#CFE6DE 0 58%,#fff 58%)}
.dz-tpls .dz-tpl:last-child:nth-child(odd){grid-column:1/-1}
@container (max-width:760px){
  .dz-preview nav{display:none}
  .pp-hero h1{font-size:32px}.pp-sec{grid-template-columns:1fr;gap:16px}.pp-list li{grid-template-columns:36px 1fr}.pp-list li>span:last-child{grid-column:2}
  .pp-about,.pp-contact{grid-template-columns:1fr}
  .ed-hero h1{font-size:40px}.ed-list{grid-template-columns:1fr}.ed-quote blockquote{font-size:22px}.ed-mail{font-size:26px}.ed-strip{font-size:18px}
  .sq-hero{grid-template-columns:1fr}.sq-hero h1{font-size:30px}.sq-cards{grid-template-columns:1fr}.sq-visit{grid-template-columns:1fr}.sq-arch{max-width:220px}
  .nr-top{grid-template-columns:1fr auto}.nr-hero h1{font-size:32px}.nr-hero{padding:64px 8%}.nr-list{grid-template-columns:1fr}.nr-about{grid-template-columns:1fr;justify-items:center;text-align:center;gap:24px}.nr-mono{width:110px;height:110px}
  .cm-hero{grid-template-columns:1fr}.cm-hero h1{font-size:30px}.cm-grid,.cm-why{grid-template-columns:1fr}.cm-contact{grid-template-columns:1fr}
}
.dz-preview .mono{text-transform:none}
/* designer theme: trade */
.th-trade{background:#fff;color:#14212E}
.tr-bar{display:flex;gap:22px;flex-wrap:wrap;padding:7px 6%;font-size:12.5px;background:var(--p);color:rgba(255,255,255,.82)}
.tr-bar span:last-child{margin-inline-start:auto}
.tr-top{display:flex;align-items:center;gap:24px;padding:16px 6%;border-bottom:1px solid #E3E8EE}
.tr-brand{display:flex;align-items:center;gap:11px}.tr-brand b{display:block;font-size:17px;line-height:1.2}.tr-brand small{display:block;font-size:11.5px;color:#6A7886}
.tr-lg{background:var(--p);color:#fff;border-radius:6px}.tr-lg.img{background:#fff}
.tr-nav{margin-inline-start:auto;color:#4A5967}
.tr-btn{background:var(--a);color:#14212E;padding:11px 20px;border-radius:6px;font-weight:700;font-size:14px;text-align:center;white-space:nowrap}
.tr-btn.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}
.tr-btn.full{display:block}
.tr-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:36px;align-items:center;padding:60px 6% 68px;color:#fff;
  background:linear-gradient(135deg,var(--p),color-mix(in srgb,var(--p) 72%,#000))}
.tr-kick{display:inline-block;font-size:12px;letter-spacing:.04em;color:var(--a);margin-bottom:16px;font-weight:600}
.tr-hero h1{font-size:40px;line-height:1.22;font-weight:700;margin-bottom:14px;max-width:16em}
.tr-hero p{color:rgba(255,255,255,.78);font-size:16px;max-width:32em}
.tr-btns{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.tr-visual{position:relative;height:230px}
.tr-box{position:absolute;border-radius:4px;background:
  repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 3px,transparent 3px 22px),var(--c);box-shadow:0 14px 30px rgba(0,0,0,.25)}
.tr-box.b1{--c:var(--a);width:62%;height:42%;inset-inline-start:4%;bottom:0}
.tr-box.b2{--c:color-mix(in srgb,var(--p) 55%,#fff);width:54%;height:40%;inset-inline-end:0;bottom:0}
.tr-box.b3{--c:#E9EEF3;width:58%;height:40%;inset-inline-start:22%;bottom:44%}
.tr-badge{position:absolute;top:0;inset-inline-end:2%;width:72px;height:72px;border-radius:50%;background:#fff;color:var(--p);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,.2)}
.tr-markets{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 6%;border-bottom:1px solid #E3E8EE;background:#F7F9FB;font-size:13px}
.tr-markets span{font-weight:700;color:var(--p);margin-inline-end:6px}
.tr-markets i{font-style:normal;padding:4px 12px;border:1px solid #D7DFE7;border-radius:999px;background:#fff;color:#33424F}
.tr-sec{padding:52px 6%}.tr-sec.soft{background:#F7F9FB;border-block:1px solid #E3E8EE}
.tr-sec h2{font-size:26px;font-weight:700;margin-bottom:22px}
.tr-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.tr-cats article{border:1px solid #E3E8EE;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:8px;border-top:3px solid var(--a)}
.tr-cat-top{display:flex;justify-content:space-between;align-items:center;color:var(--p);margin-bottom:4px}
.tr-cat-top .mono{font-size:12px;color:#8A97A3}
.tr-cats h3{font-size:16.5px;font-weight:700}.tr-cats p{color:#56646F;font-size:14px;flex:1}
.tr-more{font-size:13px;font-weight:700;color:var(--p);margin-top:6px}
.tr-str{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.tr-str>div{padding-inline-start:14px;border-inline-start:3px solid var(--p)}
.tr-str b{display:block;font-size:15.5px;margin-bottom:4px}.tr-str p{color:#56646F;font-size:13.5px}
.tr-quote{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:52px 6%;align-items:start}
.tr-quote h2{font-size:26px;font-weight:700;margin-bottom:8px}.tr-quote>div>p{color:#56646F;margin-bottom:18px}
.tr-qrow{padding:10px 0;border-top:1px solid #E3E8EE}.tr-qrow small{display:block;font-size:12px;color:#8A97A3}.tr-qrow b{font-weight:600;font-size:15px}
.tr-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#F7F9FB;border:1px solid #E3E8EE;border-radius:12px;padding:20px}
.tr-in{border:1px solid #D7DFE7;background:#fff;border-radius:6px;padding:11px 12px;color:#93A0AB;font-size:14px}
.tr-form .tr-btn{grid-column:1/-1}
.tr-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 6%;background:#14212E;color:#9AA7B3;font-size:12px}
.t-trade{background:#fff}.t-trade i{background:#E3E8EE}.t-trade i:nth-child(1){background:#123B5D}.t-trade i:nth-child(2){background:linear-gradient(90deg,#123B5D 0 55%,#E8A33D 55% 75%,#123B5D 75%);height:34px}
@container (max-width:760px){
  .tr-bar span:last-child{display:none}.tr-top>.tr-btn{display:none}
  .tr-hero{grid-template-columns:1fr;padding:44px 6%}.tr-hero h1{font-size:30px}.tr-visual{height:170px}
  .tr-str{grid-template-columns:1fr 1fr}.tr-quote{grid-template-columns:1fr}.tr-form{grid-template-columns:1fr}
}
.trade-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:-8px auto 32px;max-width:900px}
.trade-chips span{padding:6px 14px;border-radius:999px;border:1px solid var(--line);font-size:14px;color:var(--muted);background:var(--bg)}
/* logo designer */
.lz .dz-chips{margin-bottom:6px}
.lz-quick{margin-top:12px}.lz-sm{padding:9px 18px;font-size:14px}
.lz-ideas{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px}
.lz-idea{border:1.5px solid var(--line);background:#fff;border-radius:12px;height:92px;padding:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,transform .15s}
.lz-idea:hover{border-color:var(--accent);transform:translateY(-1px)}
.lz-idea-s{width:100%;height:100%;display:block}
.lz-more{width:100%;justify-content:center}
.lz-icons{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;max-height:248px;overflow:auto;padding:2px}
.lz-ic{aspect-ratio:1;border:1.5px solid var(--line);background:#fff;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:7px}
.lz-ic.sug{background:#FAF7F0}
.lz-ic.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-t)}
.lz-ic-s{width:100%;height:100%;display:block}
.lz-ini{font-weight:700;font-size:15px;color:#1f2937}
.lz-fonts .lz-font{font-size:15px;font-weight:600}
.lz-row3{display:grid;grid-template-columns:repeat(3,auto);gap:14px;justify-content:start;margin-top:8px}
.lz-swatches{grid-template-columns:repeat(8,1fr)}
.lz-note{font-size:12.5px;margin-top:12px}
.lz-stage .dz-devices .dz-chip{padding:5px 14px;font-size:13px}
.lz-scroll{height:calc(100vh - 170px);min-height:560px;overflow:auto;background:#EEF0EC;padding:22px}
.lz-main{border-radius:18px;height:300px;display:flex;align-items:center;justify-content:center;padding:44px 12%;box-shadow:0 1px 0 rgba(0,0,0,.04),0 18px 40px rgba(30,30,20,.08)}
.lz-main.bg-light{background:#fff}.lz-main.bg-cream{background:#F5EFE3}.lz-main.bg-dark{background:#16181d}
.lz-logo{display:block}.lz-logo.big{width:100%;height:100%}
.lz-use{display:flex;justify-content:center;margin:16px 0 26px}
.lz-apps-t{font-size:13px;font-weight:700;color:var(--muted);margin:0 0 12px;text-transform:uppercase;letter-spacing:.06em}
.lz-apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.lz-app{margin:0;background:#fff;border-radius:16px;padding:18px;box-shadow:0 1px 0 rgba(0,0,0,.04),0 10px 26px rgba(30,30,20,.06);overflow:hidden}
.lz-app.w2{grid-column:1/-1}
.lz-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:8px}
.lz-card{aspect-ratio:1.75;border-radius:10px;box-shadow:0 8px 22px rgba(0,0,0,.14);position:relative;overflow:hidden}
.lz-card.front{display:flex;align-items:center;justify-content:center;padding:14% 16%}
.lz-card.front .lz-logo{width:100%;height:100%}
.lz-card.back{background:#fff;padding:8% 9%;display:flex;flex-direction:column;gap:6%;font-size:12px;color:#2a2a2a}
.lz-cb-top{height:24%}.lz-cb-top .lz-logo{height:100%;width:60%}
.lz-cb-who b{display:block;font-size:13.5px}.lz-cb-who span{color:#777;font-size:11px}
.lz-cb-lines{display:flex;flex-direction:column;gap:2px;font-size:10.5px;color:#444;margin-top:auto}
[dir=rtl] .lz-cb-lines span{text-align:right}
.lz-cb-bar{position:absolute;inset-inline-end:0;top:0;bottom:0;width:4%}
.lz-web{border:1px solid #E6E8EC;border-radius:10px;overflow:hidden}
.lz-web-bar{display:flex;gap:6px;align-items:center;padding:7px 10px;background:#F4F5F7;border-bottom:1px solid #E6E8EC}
.lz-web-bar i{width:8px;height:8px;border-radius:50%;background:#D7DAE0}
.lz-url{margin-inline-start:10px;font-size:11px;color:#8A8F98;background:#fff;border-radius:6px;padding:2px 10px}
.lz-web-head{display:flex;align-items:center;gap:20px;padding:12px 18px;border-bottom:1px solid #EEF0F2}
.lz-web-head .lz-logo{height:38px;width:170px}
.lz-web-head nav{display:flex;gap:16px;font-size:12.5px;color:#555;margin-inline-start:auto}
.lz-web-btn{color:#fff;font-size:12px;font-weight:700;padding:7px 12px;border-radius:7px;white-space:nowrap}
.lz-web-hero{height:90px;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:0 18px}
.lz-web-hero i{height:9px;border-radius:5px;background:rgba(0,0,0,.08);width:52%}.lz-web-hero i:first-child{height:14px;width:38%;background:rgba(0,0,0,.14)}.lz-web-hero i:last-child{width:30%}
.lz-avatar{display:flex;align-items:center;gap:14px;height:100%}
.lz-av-c{width:82px;height:82px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;padding:16px}
.lz-av-c .lz-logo{width:100%;height:100%}
.lz-av-t b{display:block;font-size:15px}.lz-av-t span{font-size:12.5px;color:#888}
.lz-letter{aspect-ratio:.78;max-height:250px;margin:0 auto;background:#fff;border:1px solid #ECECEC;border-radius:4px;padding:9%;display:flex;flex-direction:column;gap:7px;font-size:9.5px;color:#555;box-shadow:0 6px 16px rgba(0,0,0,.06)}
.lz-lh-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;gap:10px}
.lz-lh-top .lz-logo{height:26px;width:55%}
.lz-lh-c{display:flex;flex-direction:column;font-size:8px;color:#999;text-align:end}
.lz-letter>i{height:5px;border-radius:3px;background:#EDEDED}.lz-letter>i.short{width:60%}
.lz-lh-foot{margin-top:auto;border-top:2px solid;padding-top:6px;display:flex;justify-content:space-between;font-size:8px;color:#999}
.lz-sign{height:200px;border-radius:12px;background:linear-gradient(180deg,#d9d4ca,#bfb8ab);display:flex;align-items:flex-start;justify-content:center;padding-top:26px;position:relative}
.lz-sign::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46px;background:repeating-linear-gradient(90deg,#3b3a38 0 2px,#5a5854 2px 64px)}
.lz-sign-board{width:62%;height:92px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:16px 26px;box-shadow:0 12px 24px rgba(0,0,0,.25)}
.lz-sign-board .lz-logo{width:100%;height:100%}
@media (max-width:1100px){.lz-scroll{height:auto;min-height:0}}
@media (max-width:620px){.lz-icons{grid-template-columns:repeat(6,1fr)}.lz-apps,.lz-cards{grid-template-columns:1fr}.lz-row3{grid-template-columns:1fr 1fr}.lz-main{height:220px;padding:30px 8%}}
/* designer: smart assistant + kit logo */
.dz-smart{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:14px;background:linear-gradient(135deg,#F4EEFF,#FFF4EA);border:1px solid #E9DFFB}
.dz-smart b{display:block;font-size:15px}.dz-smart span{font-size:13px;color:var(--muted)}
.dz-smart-btns{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.dz-help{margin-top:-4px}.dz-sugg{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.dz-sg{font-weight:500;font-size:13px;text-align:start}
.dz-logolink{display:inline-block;margin-top:8px;font-size:13.5px;font-weight:600;color:#6D28D9}
.dz-preview .lg.kit{background:none!important;border-radius:0;padding:0;box-shadow:none}
.dz-preview .lg.kit svg{width:100%;height:100%}
/* linen */
.th-linen{background:#F6F1EA;color:#2B2A27}
.ln-top{display:flex;align-items:center;gap:20px;margin:18px 5% 0;padding:10px 12px 10px 18px;background:#FFFDF9;border-radius:999px;box-shadow:0 1px 2px rgba(60,40,20,.05),0 10px 28px rgba(60,40,20,.06)}
.ln-brand{display:flex;align-items:center;gap:10px;font-size:16.5px}
.ln-lg{background:var(--p);color:#fff;border-radius:50%}
.ln-nav{margin-inline-start:auto;color:#77716A}
.ln-btn{background:var(--p);color:#fff;padding:10px 20px;border-radius:999px;font-weight:600;font-size:14px;text-align:center;white-space:nowrap}
.ln-btn.ghost{background:transparent;color:#2B2A27;box-shadow:inset 0 0 0 1px #D9CFC1}
.ln-btn.full{display:block}
.ln-hero{text-align:center;padding:64px 8% 30px;display:flex;flex-direction:column;align-items:center}
.ln-kick{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#77716A;background:#FFFDF9;border-radius:999px;padding:6px 14px;margin-bottom:22px;box-shadow:0 1px 2px rgba(60,40,20,.05)}
.ln-kick i{width:7px;height:7px;border-radius:50%;background:var(--a)}
.ln-hero h1{font-size:50px;line-height:1.12;font-weight:500;max-width:13em;letter-spacing:-.015em}
.ln-hero>p{color:#77716A;font-size:17px;max-width:34em;margin-top:18px}
.ln-btns{display:flex;gap:10px;margin-top:28px;justify-content:center;flex-wrap:wrap}
.ln-canvas{position:relative;width:100%;height:260px;margin-top:46px;border-radius:32px;overflow:hidden;
  background:linear-gradient(160deg,color-mix(in srgb,var(--a) 30%,#FFF8EE),color-mix(in srgb,var(--p) 22%,#F6F1EA))}
.ln-blob{position:absolute;border-radius:50%;filter:blur(30px);opacity:.75}
.ln-blob.b1{width:52%;height:120%;background:color-mix(in srgb,var(--a) 55%,#fff);top:-30%;inset-inline-start:-8%}
.ln-blob.b2{width:44%;height:110%;background:color-mix(in srgb,var(--p) 35%,#fff);bottom:-40%;inset-inline-end:-6%}
.ln-float{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:0 6%}
.ln-chip{display:flex;align-items:center;gap:10px;background:rgba(255,253,249,.82);backdrop-filter:blur(8px);border-radius:18px;padding:14px 18px;box-shadow:0 12px 30px rgba(60,40,20,.10);font-size:14.5px}
.ln-ic{width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--a) 28%,#fff);color:var(--p);display:flex;align-items:center;justify-content:center;flex:none}
.ln-ic.big{width:46px;height:46px}
.ln-sec{padding:56px 5%}.ln-sec h2,.ln-contact h2{font-size:30px;font-weight:500;margin-bottom:24px;text-align:center}
.ln-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.ln-cards article{background:#FFFDF9;border-radius:24px;padding:26px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 2px rgba(60,40,20,.04),0 12px 30px rgba(60,40,20,.05)}
.ln-cards h3{font-size:18px;font-weight:600}.ln-cards p{color:#77716A;font-size:14.5px}
.ln-about{margin:0 5%;padding:48px;border-radius:32px;background:#FFFDF9;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}
.ln-quote{font-family:var(--f);font-size:22px;line-height:1.6}
.ln-why{display:flex;flex-direction:column;gap:16px}.ln-why b{display:block;font-size:15.5px}.ln-why span{color:#77716A;font-size:14px}
.ln-contact{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:56px 5%}
.ln-contact h2{text-align:start;margin-bottom:10px}
.ln-card{background:#FFFDF9;border-radius:28px;padding:30px;display:flex;flex-direction:column;gap:10px}
.ln-card.soft{background:color-mix(in srgb,var(--a) 16%,#FFFDF9)}
.ln-card h3{font-size:20px;font-weight:600}.ln-card p{color:#77716A;font-size:14px}
.ln-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid #EFE7DC;font-size:14.5px}.ln-row small{color:#9A9288}
.ln-in{background:#FFFDF9;border-radius:14px;padding:12px 14px;color:#AAA196;font-size:14px}
.ln-foot{display:flex;justify-content:space-between;padding:22px 5% 30px;color:#9A9288;font-size:12.5px}
/* sage */
.th-sage{background:#EEF1EA;color:#23302A}
.sg-top{display:flex;align-items:center;gap:24px;padding:20px 6%}
.sg-brand{display:flex;align-items:center;gap:10px;font-size:16.5px}
.sg-lg{background:var(--p);color:#EEF1EA;border-radius:14px 14px 4px 14px}
.sg-nav{margin-inline-start:auto;color:#5E6B62}.sg-phone{font-size:13.5px;color:#5E6B62}
.sg-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:end;padding:40px 6% 64px}
.sg-kick{display:block;font-size:13px;color:var(--p);font-weight:600;margin-bottom:18px;letter-spacing:.02em}
.sg-hero h1{font-size:48px;line-height:1.14;font-weight:500;letter-spacing:-.01em}
.sg-copy p{color:#5E6B62;font-size:17px;margin-top:18px;max-width:30em}
.sg-btns{display:flex;align-items:center;gap:20px;margin-top:28px}
.sg-btn{background:var(--p);color:#fff;padding:13px 24px;border-radius:999px;font-weight:600;font-size:14.5px}
.sg-link{font-weight:600;font-size:14.5px;color:var(--p)}
.sg-arch{position:relative;height:340px;border-radius:999px 999px 28px 28px;overflow:hidden;
  background:linear-gradient(180deg,color-mix(in srgb,var(--a) 45%,#F7F3E8) 0%,color-mix(in srgb,var(--p) 30%,#EEF1EA) 100%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:40px}
.sg-sun{position:absolute;top:22%;left:50%;width:120px;height:120px;margin-left:-60px;border-radius:50%;background:color-mix(in srgb,var(--a) 70%,#fff);opacity:.9}
.sg-ic{position:relative;width:86px;height:86px;border-radius:50%;background:#F7F8F4;color:var(--p);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px rgba(35,48,42,.15)}
.sg-sec{padding:56px 6%}.sg-sec.soft{background:#E4E9DF}
.sg-sec h2,.sg-ctop h2{font-size:30px;font-weight:500;margin-bottom:22px}
.sg-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.sg-item{display:grid;grid-template-columns:44px 1fr;gap:4px 14px;padding:20px 0;border-top:1px solid #D3DACD}
.sg-n{grid-row:span 2;width:36px;height:36px;border-radius:50%;background:#F7F8F4;color:var(--p);display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700}
.sg-item h3{font-size:17px;font-weight:600}.sg-item p{color:#5E6B62;font-size:14.5px}
.sg-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sg-strip b{display:block;font-size:16px;margin-bottom:4px}.sg-strip span{color:#5E6B62;font-size:14px}
.sg-contact{margin:56px 6%;padding:44px;border-radius:200px 200px 28px 28px;background:#F7F8F4;text-align:center}
.sg-ctop p{color:#5E6B62;margin-top:-12px;margin-bottom:24px}
.sg-cgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;text-align:center}
.sg-cgrid small{display:block;color:#8A968D;font-size:12px}.sg-cgrid b{font-weight:600;font-size:15px}
.sg-foot{display:flex;justify-content:space-between;padding:20px 6% 30px;color:#8A968D;font-size:12.5px}
/* cloud */
.th-cloud{background:#FAFAFC;color:#1D1B2F;position:relative;overflow:hidden}
.cl-bg{position:absolute;inset:0 0 auto 0;height:720px;pointer-events:none;
  background:radial-gradient(40% 50% at 20% 10%,color-mix(in srgb,var(--a) 45%,transparent),transparent 70%),radial-gradient(45% 50% at 85% 20%,color-mix(in srgb,var(--p) 30%,transparent),transparent 70%),radial-gradient(40% 40% at 50% 70%,color-mix(in srgb,var(--a) 22%,transparent),transparent 70%)}
.th-cloud>*:not(.cl-bg){position:relative}
.cl-top{display:flex;align-items:center;gap:22px;margin:16px 5% 0;padding:10px 12px 10px 16px;border-radius:18px;background:rgba(255,255,255,.65);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8);box-shadow:0 6px 24px rgba(30,20,60,.06)}
.cl-brand{display:flex;align-items:center;gap:10px;font-size:16px}
.cl-lg{background:var(--p);color:#fff;border-radius:12px}
.cl-nav{margin-inline-start:auto;color:#5F5B73}
.cl-btn{background:var(--p);color:#fff;padding:10px 18px;border-radius:12px;font-weight:600;font-size:14px;white-space:nowrap}
.cl-btn.ghost{background:rgba(255,255,255,.7);color:#1D1B2F;box-shadow:inset 0 0 0 1px rgba(29,27,47,.1)}
.cl-btn.light{background:#fff;color:var(--p)}
.cl-hero{text-align:center;padding:70px 8% 40px;display:flex;flex-direction:column;align-items:center}
.cl-pill{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.9);color:#5F5B73;margin-bottom:22px}
.cl-pill i{width:7px;height:7px;border-radius:50%;background:var(--p)}
.cl-hero h1{font-size:52px;line-height:1.1;font-weight:700;letter-spacing:-.025em;max-width:13em}
.cl-hero>p{color:#5F5B73;font-size:17px;max-width:32em;margin-top:18px}
.cl-btns{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap;justify-content:center}
.cl-panel{width:min(620px,100%);margin-top:48px;border-radius:24px;padding:18px;background:rgba(255,255,255,.7);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.9);box-shadow:0 30px 60px rgba(30,20,60,.12);text-align:start}
.cl-ph{display:flex;gap:6px;margin-bottom:14px}.cl-ph i{width:9px;height:9px;border-radius:50%;background:#E3E1EC}
.cl-rows{display:flex;flex-direction:column;gap:8px}
.cl-r{display:grid;grid-template-columns:32px 1fr 1.2fr;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:10px 12px;font-size:14px}
.cl-ic{width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--p) 12%,#fff);color:var(--p);display:flex;align-items:center;justify-content:center}
.cl-ic.big{width:46px;height:46px;border-radius:14px}
.cl-bar{height:8px;border-radius:5px;background:#F0EEF6;overflow:hidden}.cl-bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--p),var(--a))}
.cl-mini{display:flex;align-items:flex-end;gap:8px;height:60px;margin-top:14px;padding:0 4px}
.cl-mini i{flex:1;border-radius:6px 6px 2px 2px;background:color-mix(in srgb,var(--p) 18%,#fff)}
.cl-mini i:nth-child(1){height:40%}.cl-mini i:nth-child(2){height:62%}.cl-mini i:nth-child(3){height:48%}.cl-mini i:nth-child(4){height:80%}.cl-mini i:nth-child(5){height:66%;background:var(--p)}.cl-mini i:nth-child(6){height:92%;background:color-mix(in srgb,var(--a) 70%,#fff)}.cl-mini i:nth-child(7){height:74%}
.cl-sec{padding:50px 5%}.cl-sec h2{font-size:30px;font-weight:700;letter-spacing:-.015em;margin-bottom:22px;text-align:center}
.cl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.cl-grid article{background:#fff;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 2px rgba(30,20,60,.04),0 12px 30px rgba(30,20,60,.05)}
.cl-grid h3{font-size:17px;font-weight:700}.cl-grid p{color:#5F5B73;font-size:14px}
.cl-band{margin:10px 5%;border-radius:28px;padding:36px 40px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;color:#fff;
  background:linear-gradient(120deg,var(--p),color-mix(in srgb,var(--p) 55%,var(--a)))}
.cl-band h2{font-size:26px;font-weight:700}.cl-band p{opacity:.85;margin-top:4px}
.cl-bandr{display:flex;align-items:center;gap:16px}.cl-tel{font-size:18px;font-weight:700}
.cl-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.cl-info>div{background:#fff;border-radius:16px;padding:16px 18px}.cl-info small{display:block;color:#8E8AA3;font-size:12px}.cl-info b{font-weight:600;font-size:14.5px}
.cl-foot{display:flex;justify-content:space-between;padding:20px 5% 30px;color:#8E8AA3;font-size:12.5px}
/* bento */
.th-bento{background:#F3F3F1;color:#1C1C1A}
.bn-top{display:flex;align-items:center;gap:22px;padding:18px 4%}
.bn-brand{display:flex;align-items:center;gap:10px;font-size:16.5px}
.bn-lg{background:#1C1C1A;color:#fff;border-radius:12px}
.bn-nav{margin-inline-start:auto;color:#6B6B66}
.bn-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(150px,auto);gap:12px;padding:6px 4% 24px}
.bn-cell{background:#fff;border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.bn-main{grid-column:span 2;grid-row:span 2;justify-content:flex-end;gap:14px;background:var(--p);color:#fff;position:relative}
.bn-main::before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:color-mix(in srgb,var(--a) 60%,transparent);top:-80px;inset-inline-end:-60px;filter:blur(10px);opacity:.7}
.bn-main>*{position:relative}
.bn-kick{font-size:13px;opacity:.75}
.bn-main h1{font-size:38px;line-height:1.15;font-weight:700;letter-spacing:-.015em}
.bn-main p{opacity:.8;font-size:15px}
.bn-btn{align-self:flex-start;background:#fff;color:var(--p);padding:11px 20px;border-radius:999px;font-weight:700;font-size:14px}
.bn-icon{align-items:center;justify-content:center;background:color-mix(in srgb,var(--a) 35%,#fff);color:var(--p)}
.bn-geo small,.bn-hours small,.bn-contact small{color:#8A8A84;font-size:12px}
.bn-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.bn-tags i{font-style:normal;font-size:13px;padding:4px 10px;border-radius:999px;background:#F3F3F1}
.bn-hours{justify-content:space-between;grid-column:span 2}.bn-hours b{font-size:20px;font-weight:600;line-height:1.3}
.bn-item .mono{font-size:12px;color:#8A8A84}.bn-item h3{font-size:17px;font-weight:700;margin-top:auto}.bn-item p{color:#6B6B66;font-size:13.5px}
.bn-item.tint{background:color-mix(in srgb,var(--p) 10%,#fff)}
.bn-contact{grid-column:span 4;display:grid;grid-template-columns:1.2fr repeat(3,1fr);align-items:center;gap:16px}
.bn-contact h2{font-size:26px;font-weight:700}.bn-contact b{display:block;font-weight:600;font-size:14.5px}
.bn-foot{display:flex;justify-content:space-between;padding:10px 4% 26px;color:#8A8A84;font-size:12.5px}
/* atelier */
.th-atelier{background:#FBF8F3;color:#2A2420}
.at-top{display:flex;flex-direction:column;align-items:center;gap:12px;padding:26px 6% 18px;border-bottom:1px solid #E9E1D6}
.at-brand{display:flex;align-items:center;gap:12px;font-size:22px;font-family:var(--f)}
.at-lg{background:transparent;color:var(--p);border:1px solid var(--p);border-radius:50%}
.at-nav{color:#857A6F;font-size:13px;letter-spacing:.08em;text-transform:uppercase;gap:28px}
.at-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding:60px 6%}
.at-kick{display:block;font-size:13px;color:#857A6F;margin-bottom:20px;letter-spacing:.04em}
.at-hero h1{font-size:52px;line-height:1.1;font-weight:400;letter-spacing:-.01em}
.at-copy p{color:#6E645A;font-size:17px;margin-top:20px;max-width:30em;line-height:1.7}
.at-btn{display:inline-block;margin-top:28px;border-bottom:1.5px solid var(--p);color:var(--p);font-weight:600;padding-bottom:4px;font-size:15px}
.at-block{height:360px;border-radius:160px 24px 24px 24px;background:linear-gradient(170deg,color-mix(in srgb,var(--a) 50%,#FBF8F3),color-mix(in srgb,var(--p) 30%,#F3ECE2));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--p)}
[dir=rtl] .at-block{border-radius:24px 160px 24px 24px}
.at-ic{width:110px;height:110px;border-radius:50%;background:#FBF8F3;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 36px rgba(42,36,32,.12)}
.at-cap{font-size:12.5px;letter-spacing:.06em;color:#6E645A}
.at-sec{padding:50px 6%;border-top:1px solid #E9E1D6}
.at-label{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#857A6F;margin-bottom:26px}
.at-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:32px}
.at-rn{display:block;font-family:var(--f);font-size:30px;color:var(--a);margin-bottom:10px}
.at-cols h3{font-size:19px;font-weight:500;margin-bottom:6px}.at-cols p{color:#6E645A;font-size:14.5px;line-height:1.7}
.at-story{padding:56px 6%;background:#F3ECE2}
.at-story p{font-family:var(--f);font-size:26px;line-height:1.55;max-width:30em}
.at-contact{padding:50px 6%}
.at-table div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid #E9E1D6;font-size:15px}.at-table span{color:#857A6F}.at-table b{font-weight:500}
.at-foot{display:flex;justify-content:space-between;padding:20px 6% 30px;border-top:1px solid #E9E1D6;color:#857A6F;font-size:12.5px}
/* thumbnails for the new themes */
.t-linen{background:#F6F1EA}.t-linen i{background:#FFFDF9;border-radius:8px}.t-linen i:nth-child(2){background:linear-gradient(120deg,#EBC9A9,#C9D3C4);border-radius:10px}
.t-sage{background:#EEF1EA}.t-sage i{background:#D3DACD}.t-sage i:nth-child(2){background:linear-gradient(90deg,#EEF1EA 0 58%,#C9A66B 58%);border-radius:3px 20px 3px 3px}
.t-cloud{background:radial-gradient(60% 80% at 20% 20%,#F5D0FE,transparent),radial-gradient(60% 80% at 80% 30%,#C7D2FE,transparent),#FAFAFC}.t-cloud i{background:rgba(255,255,255,.8);border-radius:6px}.t-cloud i:nth-child(2){background:#4338CA;width:50%;justify-self:center}
.t-bento{background:#F3F3F1;grid-template-columns:2fr 1fr}.t-bento i{background:#fff;border-radius:6px}.t-bento i:nth-child(1){grid-row:span 2;background:#23395B}.t-bento i:nth-child(3){background:#F2B880}
.t-atelier{background:#FBF8F3}.t-atelier i{background:#E9E1D6;height:3px;align-self:center}.t-atelier i:nth-child(2){height:auto;background:linear-gradient(90deg,#FBF8F3 0 50%,#D9BFA5 50%);border-radius:3px 18px 3px 3px}
@container (max-width:760px){
  .ln-hero h1{font-size:34px}.ln-about,.ln-contact{grid-template-columns:1fr}.ln-about{padding:28px}.ln-canvas{height:300px}
  .sg-hero{grid-template-columns:1fr}.sg-hero h1{font-size:34px}.sg-arch{height:240px}.sg-list,.sg-strip{grid-template-columns:1fr}.sg-contact{border-radius:120px 120px 24px 24px;padding:36px 22px}
  .cl-hero h1{font-size:36px}.cl-r{grid-template-columns:32px 1fr}.cl-bar{display:none}.cl-top .cl-btn{display:none}
  .bn-grid{grid-template-columns:1fr 1fr}.bn-main{grid-column:span 2;grid-row:auto}.bn-main h1{font-size:30px}.bn-contact{grid-column:span 2;grid-template-columns:1fr}
  .at-hero{grid-template-columns:1fr}.at-hero h1{font-size:36px}.at-block{height:240px}.at-story p{font-size:20px}
}
.lz-banner{margin-top:14px;background:linear-gradient(120deg,#3A1F12,#0E1726 60%)}
.lz-banner .mono{color:#FDBA74}
.lz-banner:hover{background:linear-gradient(120deg,#4A2817,#152033 60%)}
.dz-help .an-link{font-size:13.5px}
/* logo designer: library search + brand guide */
.lz-search{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;font-size:14px;margin-bottom:8px;background:#fff}
.lz-libtabs{margin-bottom:8px}.lz-libtabs .dz-chip{padding:5px 11px;font-size:12.5px}
.lz-none{grid-column:1/-1;color:var(--muted);font-size:13px;padding:10px}
.lz-icons{max-height:300px}
.lz-use{gap:10px;flex-wrap:wrap}
.lz-noscroll{overflow:hidden}
.lz-guide{position:fixed;inset:0;z-index:200;background:rgba(14,18,28,.62);backdrop-filter:blur(4px);overflow:auto;padding:4vh 4vw}
.lz-gdoc{position:relative;max-width:980px;margin:0 auto;background:#FBF9F5;border-radius:20px;padding:40px clamp(18px,4vw,48px);overflow:hidden;color:#1C1C1A}
.lz-ghead{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid #E7E1D6;padding-bottom:24px;margin-bottom:8px}
.lz-gk{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8A8174}
.lz-ghead h2{font-size:34px;margin:6px 0 6px}.lz-ghead p{color:#6E665B;font-size:14px;max-width:44em}
.lz-gclose{border:1px solid #D9D2C5;background:#fff;border-radius:999px;padding:8px 16px;font:inherit;font-weight:600;cursor:pointer;position:relative;z-index:3}
.lz-gsec{padding:26px 0;border-bottom:1px solid #E7E1D6}.lz-gsec h3{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#8A8174;margin-bottom:16px}
.lz-glogos{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lz-glight,.lz-gdark{height:190px;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:34px 10%}
.lz-glight{background:#fff;border:1px solid #EEE8DD}.lz-gdark{background:#16181d}
.lz-glight .lz-logo,.lz-gdark .lz-logo{width:100%;height:100%}
.lz-gsws{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.lz-gsw{background:#fff;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:3px;font-size:12px;color:#6E665B;border:1px solid #EEE8DD}
.lz-gsw i{height:80px;border-radius:10px;margin-bottom:8px;border:1px solid rgba(0,0,0,.06)}.lz-gsw b{color:#1C1C1A;font-size:14px}
.lz-gtype{display:flex;flex-direction:column;gap:4px}.lz-gtype .big{font-size:72px;line-height:1.1;color:#1C1C1A}.lz-gtype b{font-size:18px}.lz-gtype span{color:#6E665B;font-size:14px}
.lz-gspace{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.lz-gclear{height:170px;border:1.5px dashed #C9BFAE;border-radius:12px;padding:38px;background:#fff;display:flex;align-items:center;justify-content:center}
.lz-gclear .lz-logo{width:100%;height:100%}.lz-gspace p{color:#6E665B;font-size:14.5px;line-height:1.7}
.lz-gtiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.lz-gtile{margin:0}.lz-gbox{height:110px;border-radius:12px;background:#fff;border:1px solid #EEE8DD;display:flex;align-items:center;justify-content:center;padding:18px;overflow:hidden}
.lz-gbox .lz-logo{width:100%;height:100%}
.lz-gtile.stretch .lz-logo svg{transform:scaleX(1.45) scaleY(.75)}
.lz-gtile.busy .lz-gbox{background:repeating-linear-gradient(45deg,#E9B44C 0 10px,#2A9D8F 10px 20px,#E76F51 20px 30px)}
.lz-gtile figcaption{font-size:12.5px;margin-top:8px;font-weight:600}.lz-gtile .good{color:#15803D}.lz-gtile .bad{color:#B91C1C}
.lz-gapps{max-width:360px}
.lz-gwm{position:absolute;inset:-20%;display:flex;flex-wrap:wrap;gap:60px 80px;align-content:center;justify-content:center;transform:rotate(-24deg);pointer-events:none;z-index:2}
.lz-gwm span{font-size:22px;font-weight:800;letter-spacing:.1em;color:rgba(28,28,26,.07);white-space:nowrap;text-transform:uppercase}
@media (max-width:720px){.lz-glogos,.lz-gspace{grid-template-columns:1fr}.lz-gsws,.lz-gtiles{grid-template-columns:1fr 1fr}.lz-gtype .big{font-size:52px}}
@media print{.lz-gwm span{color:rgba(28,28,26,.18)}}
/* designer: photos, section library, motion */
.dz-pic{background-size:cover;background-position:center;background-color:#ddd}
.tr-photo{position:relative;height:300px;border-radius:14px;box-shadow:0 24px 50px rgba(0,0,0,.3)}
.tr-photo .tr-badge{top:auto;bottom:-22px;inset-inline-end:22px}
.sq-arch-ph{border:0}
.ln-canvas-ph{background-size:cover}.ln-canvas-ph::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(246,241,234,.05),rgba(246,241,234,.35))}
.ln-canvas-ph .ln-float{z-index:1}
.sg-arch-ph{background-size:cover}
.bn-photo{min-height:150px;padding:0}
.at-block-ph{justify-content:flex-end;padding-bottom:22px}.at-block-ph .at-cap{background:rgba(251,248,243,.88);padding:5px 12px;border-radius:999px;color:#2A2420}
.nr-hero-ph{background-size:cover;background-position:center}
.dz-band{height:280px;margin:0 6%;border-radius:18px}
.th-editorial .dz-band{border-radius:0;margin:0}.th-paper .dz-band{border-radius:2px;margin:0 6% 10px}.th-cloud .dz-band{border-radius:28px;margin:10px 5%}
.dz-credit{font-size:10.5px;opacity:.6;padding:8px 6% 14px;line-height:1.5}
.dz-preview.motion .rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.dz-preview.motion .rv.in{opacity:1;transform:none}
/* section library: every theme passes its own tokens */
.dz-preview{--xs-bg:#F6F7F9;--xs-card:#fff;--xs-ink:inherit;--xs-mut:#64748B;--xs-line:#E5E7EB;--xs-r:14px;--xs-pad:56px 6%}
.th-trade{--xs-bg:#F7F9FB;--xs-line:#E3E8EE;--xs-mut:#56646F;--xs-r:10px}
.th-paper{--xs-bg:#EFE8DC;--xs-card:#F7F2EA;--xs-line:#DCD2C1;--xs-mut:#5E584D;--xs-r:2px}
.th-editorial{--xs-bg:#F2F2F0;--xs-line:#E3E3E3;--xs-mut:#555;--xs-r:0}
.th-souq{--xs-bg:#F5EBDD;--xs-card:#FFFAF2;--xs-line:#E8D7C0;--xs-mut:#7A6450;--xs-r:18px}
.th-noir{--xs-bg:#181715;--xs-card:#1E1C19;--xs-line:#2A2722;--xs-mut:#9A9286;--xs-r:2px}
.th-calm{--xs-bg:#F6F9FA;--xs-line:#E6EDF1;--xs-mut:#5B6B75;--xs-r:16px}
.th-linen{--xs-bg:#F6F1EA;--xs-card:#FFFDF9;--xs-line:#EFE7DC;--xs-mut:#77716A;--xs-r:24px}
.th-sage{--xs-bg:#E4E9DF;--xs-card:#F7F8F4;--xs-line:#D3DACD;--xs-mut:#5E6B62;--xs-r:20px}
.th-cloud{--xs-bg:#F4F3FA;--xs-line:#ECEAF4;--xs-mut:#5F5B73;--xs-r:20px}
.th-bento{--xs-bg:#F3F3F1;--xs-line:#E8E8E4;--xs-mut:#6B6B66;--xs-r:22px}
.th-atelier{--xs-bg:#F3ECE2;--xs-card:#FBF8F3;--xs-line:#E9E1D6;--xs-mut:#6E645A;--xs-r:4px}
.xs{padding:var(--xs-pad);display:block!important}
.xs:nth-of-type(even){background:var(--xs-bg)}
.xs h2{font-size:28px;font-weight:600;margin-bottom:24px}
.xs-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.xs-stats div{border-top:2px solid var(--p);padding-top:14px}
.xs-stats b{display:block;font-size:40px;line-height:1.1;font-weight:700;color:var(--p)}
.th-noir .xs-stats b{color:var(--a)}
.xs-stats span{color:var(--xs-mut);font-size:14px}
.xs-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s}
.xs-steps li{background:var(--xs-card);border:1px solid var(--xs-line);border-radius:var(--xs-r);padding:20px;display:flex;flex-direction:column;gap:6px}
.xs-n{width:34px;height:34px;border-radius:50%;background:var(--p);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;margin-bottom:6px}
.xs-steps b{font-size:16px}.xs-steps p{color:var(--xs-mut);font-size:14px}
.xs-gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}
.xs-ph{height:220px;border-radius:var(--xs-r)}
.xs-logos{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.xs-logos span{display:flex;align-items:center;justify-content:center;gap:8px;height:72px;border:1px solid var(--xs-line);border-radius:var(--xs-r);background:var(--xs-card);color:var(--xs-mut);font-weight:600;font-size:13.5px}
.xs-lg{width:22px;height:22px;border-radius:6px;background:color-mix(in srgb,var(--p) 25%,transparent)}
.xs-certs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.xs-certs div{display:flex;align-items:center;gap:12px;background:var(--xs-card);border:1px solid var(--xs-line);border-radius:var(--xs-r);padding:16px}
.xs-seal{width:46px;height:46px;border-radius:50%;background:color-mix(in srgb,var(--a) 22%,transparent);color:var(--p);display:flex;align-items:center;justify-content:center;flex:none}
.th-noir .xs-seal{color:var(--a)}
.xs-certs b{font-size:14.5px}
.xs-map{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:center}
.xs-dots{height:220px;border-radius:var(--xs-r);background-color:var(--xs-card);border:1px solid var(--xs-line);background-image:radial-gradient(color-mix(in srgb,var(--p) 45%,transparent) 1.6px,transparent 1.8px);background-size:14px 14px;position:relative}
.xs-dots::after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:var(--a);box-shadow:0 0 0 8px color-mix(in srgb,var(--a) 30%,transparent);top:42%;left:52%}
.xs-mapinfo b{display:block;font-size:18px;margin-bottom:12px}
.xs-chips{display:flex;flex-wrap:wrap;gap:6px}.xs-chips i{font-style:normal;font-size:13px;padding:4px 12px;border-radius:999px;border:1px solid var(--xs-line);background:var(--xs-card)}
.xs-faq{display:flex;flex-direction:column;gap:10px;max-width:760px}
.xs-faq details{background:var(--xs-card);border:1px solid var(--xs-line);border-radius:var(--xs-r);padding:14px 18px}
.xs-faq summary{cursor:pointer;font-weight:600}.xs-faq p{color:var(--xs-mut);font-size:14px;margin-top:8px}
@container (max-width:760px){
  .xs-stats,.xs-steps,.xs-certs{grid-template-columns:1fr 1fr}.xs-logos{grid-template-columns:repeat(3,1fr)}
  .xs-gallery{grid-template-columns:1fr}.xs-map{grid-template-columns:1fr}.xs-stats b{font-size:30px}
  .tr-photo{height:200px}.dz-band{height:180px}
}
/* order helper */
.ord{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:14px}
.ord-svcs{margin-bottom:12px}.ord-svcs .dz-chip{padding:6px 12px;font-size:13px}
.ord-pkg{background:#F6F3FF;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.ord-pkg .mono{font-size:12px;color:#6D28D9;font-family:inherit;letter-spacing:0;font-weight:600}
.ord-name{font-size:18px}
.ord-inc{margin:4px 0 6px;padding-inline-start:18px;font-size:13.5px;color:var(--ink)}
.ord-pkg small{color:var(--muted);font-size:12px}
.btn-wa{display:inline-flex;align-items:center;gap:8px;margin-top:12px;background:#1F9D55;color:#fff}
.btn-wa:hover{background:#178246;color:#fff}
.dz-shared{background:#FFF7E6;border:1px solid #F5D9A6;color:#7A4B00;border-radius:12px;padding:10px 14px;font-size:13.5px}
/* designer v7: pages, devices, tools, compare, demo, builder, import */
.dz-bar{flex-wrap:wrap;row-gap:8px}
.dz-barlbl{display:none}
.dz-pages{display:flex;gap:4px;flex-wrap:wrap}.dz-pages .dz-chip{padding:4px 11px;font-size:12px}
.dz-frame{height:calc(100vh - 230px)}
.dz-frame.tablet{padding:18px 0}
.dz-frame.tablet .dz-preview{max-width:768px;border:12px solid #1C2330;border-radius:28px;box-shadow:0 14px 34px rgba(0,0,0,.22);overflow:hidden;align-self:flex-start}
.dz-frame.mobile .dz-preview{border:10px solid #1C2330;border-radius:34px}
.dz-tools{display:flex;gap:8px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid var(--line);background:#F8FAFC;position:relative}
.dz-tools .dz-chip{font-size:13px;padding:6px 12px;text-decoration:none;color:var(--ink)}
.dz-tools .dz-tool-main{border-color:#C4B5FD;background:#F5F3FF}
.dz-tools .dz-tool-demo{background:#0E1726;color:#fff;border-color:#0E1726}
.dz-tools .dz-tool-demo:hover{background:#1E293B;color:#fff}
.dz-toast{position:absolute;inset-inline-start:50%;bottom:64px;transform:translateX(-50%);background:#0E1726;color:#fff;padding:9px 16px;border-radius:999px;font-size:13.5px;z-index:20;box-shadow:0 10px 24px rgba(0,0,0,.2);transition:opacity .4s;white-space:nowrap;max-width:92%;overflow:hidden;text-overflow:ellipsis}
[dir=rtl] .dz-toast{transform:translateX(50%)}
.dz-smart{position:relative}.dz-smart .dz-toast{bottom:auto;top:100%;margin-top:6px;white-space:normal}
.dz-toast.out{opacity:0}
.dz-full .dz-stage{position:fixed;inset:0;z-index:1000;border-radius:0;top:0}
.dz-full .dz-frame{height:calc(100vh - 106px)}
.dz-lock,.dz-lock body{overflow:hidden}
.dz-note{font-size:12.5px;color:var(--muted);margin-top:8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.dz-dot{display:inline-block;width:14px;height:14px;border-radius:50%;margin-inline-end:4px;border:1px solid rgba(0,0,0,.1);vertical-align:middle}
.dz-import{background:#F5F3FF;border:1px solid #DDD6FE;border-radius:12px;padding:12px 14px;margin-bottom:14px}
.dz-import summary{cursor:pointer;font-weight:700;font-size:14.5px}
.dz-import p.muted{font-size:13px;margin:8px 0}
.dz-import textarea{width:100%;font:inherit;font-size:14px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;resize:vertical;margin-bottom:8px}
.dz-order{margin-top:14px}
.dz-olist{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.dz-olist li{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:7px 10px;cursor:grab;font-size:14px}
.dz-olist li b{flex:1;font-weight:600}
.dz-olist li.drag{opacity:.45}.dz-olist li.over{border-color:#7C3AED;box-shadow:0 0 0 2px #EDE9FE}
.dz-grip{color:#94A3B8;letter-spacing:-2px;font-size:13px}
.dz-mini{border:1px solid var(--line);background:#F8FAFC;border-radius:7px;width:28px;height:28px;cursor:pointer;font-size:13px;color:var(--ink);display:inline-flex;align-items:center;justify-content:center}
.dz-mini:hover{background:#EEF2F7}
.dz-pos{margin-top:12px;align-items:center}.dz-pos .dz-lbl{margin:0 4px 0 0}
.dz-modal{position:fixed;inset:0;background:rgba(14,23,38,.55);z-index:1100;display:flex;align-items:center;justify-content:center;padding:20px}
.dz-mbox{background:#fff;border-radius:18px;width:min(1180px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:18px 20px 20px;box-shadow:0 30px 70px rgba(0,0,0,.3)}
.dz-demo-m .dz-mbox{width:min(560px,100%)}
.dz-mhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.dz-mhead b{font-size:18px}
.dz-mclose{border:0;background:#F1F5F9;border-radius:50%;width:34px;height:34px;cursor:pointer;font-size:15px}
.dz-cmp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dz-cmp-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;background:#F8FAFC}
.dz-cmp-view{height:430px;overflow:hidden;position:relative;background:#fff}
.dz-cmp-view .dz-preview{width:1200px;transform-origin:top left;position:absolute;top:0;left:0;pointer-events:none;overflow:hidden}
.dz-cmp-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--line)}
.dz-cmp-meta small{display:block;color:var(--muted);font-size:12px}
.dz-cmp-foot{margin-top:14px;display:flex;justify-content:center}
@media (max-width:900px){.dz-cmp-grid{grid-template-columns:1fr}.dz-cmp-view{height:300px}}
.dz-demo-res{margin-top:14px;background:#ECFDF3;border:1px solid #BBE5CC;border-radius:12px;padding:12px 14px}
.dz-demo-res p{margin:0 0 6px;font-weight:600;color:#166534}
.dz-demo-url{display:block;word-break:break-all;font-size:14px;margin-bottom:10px}
.dz-demo-res .btn{margin-top:0}
.dz-demo-last{margin-top:14px}.dz-demo-last small{color:var(--muted)}
/* inner pages of the generated site */
.dz-preview [data-page]{cursor:pointer}
.dz-preview nav [data-page].cur{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.ip-hero{padding:56px 6% 40px;background:var(--xs-bg);border-bottom:1px solid var(--xs-line)}
.ip-crumb{font-size:13px;color:var(--xs-mut)}
.ip-hero h1{font-size:44px;line-height:1.15;margin:8px 0 10px;font-weight:700}
.ip-hero p{color:var(--xs-mut);max-width:640px;font-size:16px}
.ip-sec{padding:var(--xs-pad)}
.ip-sec.ip-end{padding-top:8px}
.ip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ip-card{background:var(--xs-card);border:1px solid var(--xs-line);border-radius:var(--xs-r);padding:22px;display:flex;flex-direction:column;gap:8px;position:relative}
.ip-ic{width:46px;height:46px;border-radius:12px;background:color-mix(in srgb,var(--p) 12%,transparent);color:var(--p);display:flex;align-items:center;justify-content:center}
.ip-n{position:absolute;top:18px;inset-inline-end:20px;font-size:12px;color:var(--xs-mut);font-weight:600}
.ip-card h3{font-size:18px;font-weight:600}.ip-card p{color:var(--xs-mut);font-size:14.5px}
.ip-more{margin-top:auto;padding-top:6px;color:var(--p);font-weight:600;font-size:14px}
.ip-story{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center}
.ip-kick{display:inline-block;font-size:13px;color:var(--p);font-weight:700;margin-bottom:10px;letter-spacing:.02em}
.ip-story p{font-size:18px;line-height:1.85}
.ip-ph{height:340px;border-radius:var(--xs-r);background-size:cover;background-position:center}
.ip-ph-empty{background:color-mix(in srgb,var(--p) 12%,transparent);display:flex;align-items:center;justify-content:center;color:var(--p)}
.xs-stats-s{padding-top:24px}
.ip-cta{padding:34px 36px;border-radius:var(--xs-r);background:var(--p);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.ip-cta h2{font-size:26px;color:#fff;margin:0 0 4px}.ip-cta p{color:rgba(255,255,255,.85);margin:0}
.ip-btn{background:var(--a);color:#111;padding:12px 24px;border-radius:999px;font-weight:700;white-space:nowrap}
.xs-cta{padding-top:24px;padding-bottom:24px}
.ip-contact{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;align-items:start}
.ip-rows{display:flex;flex-direction:column;gap:10px}.ip-rows h3,.ip-form h3{font-size:20px;font-weight:600;margin-bottom:4px}
.ip-row{background:var(--xs-card);border:1px solid var(--xs-line);border-radius:var(--xs-r);padding:13px 16px}
.ip-row small{display:block;color:var(--xs-mut);font-size:12.5px;margin-bottom:2px}
.ip-form{background:var(--xs-card);border:1px solid var(--xs-line);border-radius:var(--xs-r);padding:24px;display:flex;flex-direction:column;gap:12px}
.ip-in{border:1px solid var(--xs-line);border-radius:10px;padding:12px 14px;color:var(--xs-mut);font-size:14px}
.ip-in.tall{height:100px}
.ip-send{align-self:flex-start;background:var(--p);color:#fff;border-radius:10px;padding:11px 24px;font-weight:600}
.ip-social{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:14px}
.xs-mapinfo p{color:var(--xs-mut);margin-top:6px}
.th-noir .ip-ic,.th-noir .ip-more,.th-noir .ip-kick{color:var(--a)}
.th-noir .ip-ic{background:color-mix(in srgb,var(--a) 14%,transparent)}
.th-noir .ip-cta{background:var(--xs-card);border:1px solid color-mix(in srgb,var(--a) 50%,transparent)}
.th-noir .ip-send{background:var(--a);color:#111}
.th-noir .ip-hero{background:#141311}
@container (max-width:760px){
  .ip-grid,.ip-story,.ip-contact{grid-template-columns:1fr}.ip-hero h1{font-size:32px}.ip-hero{padding:40px 6% 28px}
  .ip-ph{height:220px}.ip-story p{font-size:16px}.ip-cta{padding:24px}.ip-cta h2{font-size:21px}
}
/* published demo page */
.demo-top{position:sticky;top:0;z-index:50;background:#0E1726;color:#E2E8F0;font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;font-size:13.5px;display:flex;gap:10px 16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:9px 16px}
.demo-top a{color:#fff;text-decoration:none;font-weight:600;background:rgba(255,255,255,.12);padding:6px 12px;border-radius:999px;white-space:nowrap}
.demo-top a.go{background:#F59E0B;color:#111}
.demo-top .acts{display:flex;gap:8px;flex-wrap:wrap}
.dz-demo{min-height:100vh;background:#fff}
.dz-demo .dz-preview{min-height:100vh}
.demo-gone{max-width:520px;margin:12vh auto;padding:0 20px;text-align:center;font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;color:#14212E}
.demo-gone h1{font-size:26px;margin-bottom:10px}.demo-gone p{color:#5B6773}
.demo-gone a{display:inline-block;margin-top:18px;background:#0E1726;color:#fff;padding:11px 20px;border-radius:999px;text-decoration:none;font-weight:600}
.demo-pages{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:60;display:flex;gap:4px;background:rgba(14,23,38,.92);padding:5px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.25);font-family:'IBM Plex Sans Arabic',system-ui,sans-serif}
.demo-pages button{border:0;background:none;color:#CBD5E1;font:inherit;font-size:13.5px;padding:7px 14px;border-radius:999px;cursor:pointer;white-space:nowrap}
.demo-pages button.on{background:#fff;color:#0E1726;font-weight:600}
.dz-demo .dz-preview{padding-bottom:70px}
/* designer v8: catalogue, editing, domain, bilingual, photos, reviews, layouts, dark, print */
.dz-small{font-size:13px;margin:6px 0 10px}
.dz-hidden-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.dz-plist{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}
.dz-pcard{display:grid;grid-template-columns:78px 1fr auto;gap:10px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px}
.dz-pthumb{position:relative;width:78px;height:78px;border-radius:10px;border:1.5px dashed #CBD5E1;background:#F8FAFC center/cover no-repeat;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted);cursor:pointer;text-align:center}
.dz-pfields{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.dz-pin{font:inherit;font-size:13.5px;border:1px solid var(--line);border-radius:8px;padding:7px 9px;min-width:0}
.dz-pin-n,.dz-pin-d{grid-column:1/-1}.dz-pin-n{font-weight:600}
.dz-pacts{display:flex;flex-direction:column;gap:4px}
.dz-bi-fields{margin-top:10px;display:grid;gap:8px;background:#F8FAFC;border:1px solid var(--line);border-radius:12px;padding:12px}
.dz-bi-fields .fld{margin:0}
.dz-dom{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:14px}
.dz-domrow{display:flex;gap:8px;margin:8px 0}.dz-domrow input{flex:1;font:inherit;border:1px solid var(--line);border-radius:10px;padding:9px 12px;min-width:0}
.dz-domrow .btn{margin:0}
.dz-domres{display:flex;flex-direction:column;gap:6px;font-size:14px}
.dz-domit{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:7px 10px}
.dz-domname{font-weight:600;flex:1}
.dz-domst{font-size:12.5px;padding:2px 10px;border-radius:999px;background:#F1F5F9;color:#475569}
.s-free .dz-domst{background:#DCFCE7;color:#166534}.s-likely .dz-domst{background:#FEF9C3;color:#854D0E}.s-taken .dz-domst{background:#FEE2E2;color:#991B1B}.s-taken{opacity:.7}
.dz-domit .dz-chip{padding:4px 12px;font-size:12.5px}
.dz-dommail{font-weight:600;color:#166534;font-size:14px;margin-top:8px}
.dz-own{margin:14px 0 6px}
.dz-owngrid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:8px 0}
.dz-ownth{position:relative;aspect-ratio:1;border-radius:8px;background:center/cover no-repeat #eee}
.dz-ownth .dz-mini{position:absolute;top:3px;inset-inline-end:3px;width:22px;height:22px;font-size:11px;background:rgba(255,255,255,.92)}
.dz-ownadd{position:relative;cursor:pointer;display:inline-flex}.dz-ownadd.off{opacity:.45;pointer-events:none}
.dz-testi{margin-top:14px;display:flex;flex-direction:column;gap:8px}
.dz-tecard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px}
.dz-terow{display:flex;gap:6px}.dz-terow input{flex:1;min-width:0}
.dz-tecard input,.dz-tecard textarea{font:inherit;font-size:13.5px;border:1px solid var(--line);border-radius:8px;padding:7px 9px;resize:vertical}
.dz-var{width:auto;padding:0 7px;font-size:12px}
@media (max-width:520px){.dz-pcard{grid-template-columns:64px 1fr}.dz-pacts{grid-column:1/-1;flex-direction:row}.dz-pthumb{width:64px;height:64px}.dz-owngrid{grid-template-columns:repeat(3,1fr)}}
/* click-to-edit */
.dz-preview [data-edit]{cursor:text;border-radius:4px;transition:outline-color .15s}
.dz-preview [data-edit]:hover{outline:1.5px dashed color-mix(in srgb,var(--a) 75%,#888);outline-offset:3px}
.dz-preview [data-edit]:focus{outline:2px solid var(--a);outline-offset:3px}
/* language pill */
.dz-lpill{position:sticky;top:10px;z-index:30;height:0;display:flex;justify-content:flex-start;padding:0 14px;overflow:visible;direction:ltr}
.dz-lpill-in{display:inline-flex;gap:2px;margin-top:66px;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:999px;padding:3px;box-shadow:0 6px 18px rgba(0,0,0,.14);height:max-content}
.dz-lpill-in button{all:unset;box-sizing:border-box;font:600 12.5px/1.2 'IBM Plex Sans Arabic',system-ui,sans-serif;color:#111;padding:6px 12px;border-radius:999px;cursor:pointer;white-space:nowrap}
.dz-lpill-in button.on{background:#111;color:#fff}
.dz-demo .dz-lpill{top:52px}
/* product catalogue in the generated site */
.pc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ip-sec .pc-grid{grid-template-columns:repeat(3,1fr)}
.pc{background:var(--xs-card);border:1px solid var(--xs-line);border-radius:var(--xs-r);overflow:hidden;display:flex;flex-direction:column}
.pc-img{aspect-ratio:4/3;background-size:cover;background-position:center}
.pc-ph{display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--p) 10%,transparent);color:var(--p)}
.pc-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.pc-body h3{font-size:16.5px;font-weight:600}.pc-body p{font-size:13.5px;color:var(--xs-mut)}
.pc-meta{display:grid;gap:3px;margin:4px 0 2px;font-size:13px}
.pc-meta div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px dashed var(--xs-line);padding-bottom:3px}
.pc-meta dt{color:var(--xs-mut)}.pc-meta dd{margin:0;font-weight:600;text-align:end}
.pc-btn{margin-top:auto;align-self:flex-start;background:var(--p);color:#fff;border-radius:9px;padding:8px 14px;font-size:13px;font-weight:600}
.th-noir .pc-btn{background:var(--a);color:#111}.th-noir .pc-ph{color:var(--a)}
.xs-all{display:inline-block;margin-top:16px;color:var(--p);font-weight:600;cursor:pointer}
.th-noir .xs-all{color:var(--a)}
.dz-map{width:100%;height:260px;border:0;border-radius:var(--xs-r);display:block;background:var(--xs-card)}
/* client reviews */
.xs-testi{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.xs-testi figure{margin:0;background:var(--xs-card);border:1px solid var(--xs-line);border-radius:var(--xs-r);padding:22px;display:flex;flex-direction:column;gap:14px}
.xs-testi blockquote{margin:0;font-size:15.5px;line-height:1.75}
.xs-testi figcaption b{display:block}.xs-testi figcaption span{color:var(--xs-mut);font-size:13px}
.xs-testi-empty{border:2px dashed var(--xs-line);border-radius:var(--xs-r);padding:22px;color:var(--xs-mut);text-align:center;font-size:14px}
/* section layouts (◐) */
.xs-stats.xs-v1 .xs-stats div,.xs-v1 .xs-stats div{border:0;background:var(--xs-card);border-radius:var(--xs-r);padding:20px;box-shadow:0 1px 0 var(--xs-line)}
.xs-stats.xs-v2,.xs-v2.xs-stats{background:var(--p)!important;color:#fff}
.xs-v2.xs-stats h2{color:#fff;text-align:center}.xs-v2 .xs-stats{text-align:center}.xs-v2 .xs-stats div{border:0}.xs-v2 .xs-stats b{color:#fff!important}.xs-v2 .xs-stats span{color:rgba(255,255,255,.8)}
.xs-v1 .xs-steps{grid-template-columns:1fr;max-width:640px;gap:0}
.xs-v1 .xs-steps li{border:0;border-radius:0;background:none;border-inline-start:2px solid var(--xs-line);padding:6px 22px 20px;position:relative}
.xs-v1 .xs-steps .xs-n{position:absolute;inset-inline-start:-18px;top:0}
.xs-v2 .xs-steps li{background:none;border:0;border-top:3px solid var(--p);border-radius:0;padding:16px 4px}
.xs-v2 .xs-steps .xs-n{background:none;color:var(--p);width:auto;height:auto;font-size:28px;justify-content:flex-start}
.xs-v1 .xs-gallery{grid-template-columns:1fr 1fr 1fr}.xs-v1 .xs-ph{height:260px}
.xs-v2 .xs-gallery{grid-template-columns:1fr 1fr}.xs-v2 .xs-ph:first-child{grid-column:1/-1;height:320px}
.xs-v1 .xs-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:28px}.xs-v1 .xs-logos span{border:0;background:none;height:auto;font-size:16px}
.xs-v1 .xs-certs{grid-template-columns:repeat(4,1fr);text-align:center}.xs-v1 .xs-certs div{flex-direction:column;border:0;background:none}
.xs-v2.xs-certs{background:#111!important;color:#fff}.xs-v2 .xs-certs div{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}.xs-v2 .xs-seal{color:var(--a)}
.xs-v1 .xs-map{grid-template-columns:1fr}.xs-v1 .xs-dots,.xs-v1 .dz-map{height:320px}
.xs-v1 .xs-faq{display:grid;grid-template-columns:1fr 1fr;max-width:none}
.xs-v2 .xs-faq details{background:none;border:0;border-bottom:1px solid var(--xs-line);border-radius:0;padding:14px 0}
.xs-v1 .ip-cta{flex-direction:column;text-align:center;justify-content:center}
.xs-v2 .ip-cta{background:transparent;color:inherit;border:2px solid var(--p)}.xs-v2 .ip-cta h2{color:inherit}.xs-v2 .ip-cta p{color:var(--xs-mut)}
.xs-v1 .xs-testi figure{border:0;background:none;padding:0 0 0 0;border-inline-start:3px solid var(--a);padding-inline-start:18px;border-radius:0}
.xs-v1 .pc-grid{grid-template-columns:repeat(2,1fr)}.xs-v1 .pc{flex-direction:row}.xs-v1 .pc-img{width:40%;aspect-ratio:auto;min-height:150px}
@container (max-width:760px){.pc-grid,.ip-sec .pc-grid{grid-template-columns:1fr 1fr}.xs-v1 .xs-faq{grid-template-columns:1fr}.xs-v1 .pc-grid{grid-template-columns:1fr}.xs-v1 .xs-certs{grid-template-columns:1fr 1fr}}
@container (max-width:460px){.pc-grid,.ip-sec .pc-grid{grid-template-columns:1fr}}
/* dark version: inverted colours with photos, logos and maps turned back */
.dz-preview.dz-dark{filter:invert(1) hue-rotate(180deg)}
.dz-dark .dz-pic,.dz-dark img,.dz-dark iframe,.dz-dark .lg.kit,.dz-dark .nr-hero-ph,.dz-dark .dz-lpill{filter:invert(1) hue-rotate(180deg)}
/* PDF proposal */
#dz-print{position:absolute;left:-99999px;top:0;width:1100px}
.dzp-page{padding:0 0 24px;break-after:page;page-break-after:always}
.dzp-cover{min-height:900px;display:flex;flex-direction:column;gap:18px;padding:60px 70px;font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;color:#14212E}
.dzp-brand{display:flex;justify-content:space-between;border-bottom:3px solid #0E1726;padding-bottom:14px;font-size:15px}
.dzp-cover h1{font-size:44px;margin:40px 0 0}.dzp-cover h2{font-size:28px;color:#475569;margin:0 0 20px;font-weight:600}
.dzp-info{display:grid;gap:10px;font-size:17px}.dzp-info div{display:grid;grid-template-columns:200px 1fr;gap:12px;border-bottom:1px solid #E5E7EB;padding-bottom:8px}.dzp-info dt{color:#64748B}.dzp-info dd{margin:0;font-weight:600}
.dzp-sw{display:inline-flex;gap:6px}.dzp-sw i{width:26px;height:26px;border-radius:6px;display:inline-block;border:1px solid rgba(0,0,0,.1)}
.dzp-foot{margin-top:auto;color:#64748B;font-size:13px}
.dzp-cap{font:600 14px 'IBM Plex Sans Arabic',system-ui,sans-serif;color:#64748B;margin:0 0 8px}
.dzp-shot .dz-preview{width:1100px;border:1px solid #E5E7EB}
@media print{
  html.dz-printing body>*:not(#dz-print){display:none!important}
  html.dz-printing #dz-print{position:static;width:auto;left:auto}
  html.dz-printing .dzp-shot{zoom:.62}
  html.dz-printing .dzp-cover{zoom:.72}
  html.dz-printing *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  @page{size:A4;margin:10mm}
}
.ord-est{margin-top:8px;padding-top:8px;border-top:1px dashed #DDD6FE;display:flex;flex-direction:column;gap:2px}
.ord-est span{font-size:12px;color:#6D28D9;font-weight:600}.ord-est b{font-size:16px}
/* designer v9: menu / prices, booking, branches, wizard, contrast, share preview, demo notes */
.dz-x-step .dz-xbox{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:12px}
.dz-mnlist,.dz-brlist{display:flex;flex-direction:column;gap:10px;margin:8px 0}
.dz-mncard,.dz-brcard{border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px;background:#FAFBFC}
.dz-mnhead,.dz-brrow{display:flex;gap:6px}.dz-mnhead input,.dz-brrow input{flex:1;min-width:0}
.dz-mncat{font-weight:700}
.dz-mnitem{display:grid;grid-template-columns:1fr 90px auto;gap:6px}
.dz-mn-d{grid-column:1/-1;font-size:12.5px!important}
.dz-mnadd{align-self:flex-start;padding:4px 12px;font-size:12.5px}
.dz-curl{font-size:13px;display:flex;align-items:center;gap:6px}.dz-cur{width:70px}
.dz-brcard input{font:inherit;font-size:13.5px;border:1px solid var(--line);border-radius:8px;padding:7px 9px;min-width:0}
.dz-contrast{font-size:13px;margin:-2px 0 10px}
.dz-ct-ok{color:#166534}.dz-ct-bad{color:#9A3412;background:#FFF7ED;border:1px solid #FED7AA;border-radius:10px;padding:8px 10px;margin-top:6px}
.dz-wiz-open{width:100%;margin-bottom:14px;border:0;border-radius:14px;padding:13px 16px;font:700 15px inherit;font-family:inherit;color:#fff;background:linear-gradient(135deg,#6D28D9,#2563EB);cursor:pointer;box-shadow:0 8px 20px rgba(79,70,229,.25)}
.dz-wiz-m .dz-mbox{width:min(640px,100%)}
.dz-wiz-prog{font-size:12.5px;color:var(--muted);margin-bottom:6px}
.dz-wiz-body h3{font-size:20px;margin:0 0 12px}
.dz-wiz-body input{width:100%;font:inherit;font-size:16px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px}
.dz-wiz-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:52vh;overflow:auto;padding:2px}
.dz-wiz-opt{display:flex;align-items:center;gap:10px;text-align:start;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;font:inherit;font-size:14px;cursor:pointer;color:var(--ink)}
.dz-wiz-opt svg{flex:none;color:#6D28D9}.dz-wiz-opt.on,.dz-wiz-opt:hover{border-color:#7C3AED;background:#F5F3FF}
.dz-wiz-styles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dz-wiz-sty{display:flex;flex-direction:column;gap:4px;text-align:start;border:2px solid var(--line);background:#fff;border-radius:14px;padding:10px;font:inherit;cursor:pointer;color:var(--ink)}
.dz-wiz-sty .dz-thumb{height:70px;margin-bottom:4px}.dz-wiz-sty small{color:var(--muted);font-size:12px}.dz-wiz-sty.on{border-color:#7C3AED;box-shadow:0 0 0 3px #EDE9FE}
.dz-wiz-foot{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:16px}.dz-wiz-foot .btn{margin:0}.dz-wiz-skip{margin-inline-start:auto;font-size:13px}
@media (max-width:520px){.dz-wiz-grid{grid-template-columns:1fr}.dz-wiz-styles{grid-template-columns:1fr 1fr}.dz-modal{padding:8px;align-items:flex-end}.dz-mbox{max-height:92vh;border-radius:18px 18px 12px 12px}}
.dz-seo-m .dz-mbox{width:min(620px,100%)}
.dz-seof{display:flex;flex-direction:column;gap:4px;font-size:13.5px;font-weight:600;margin-bottom:10px}
.dz-seof input,.dz-seof textarea{font:inherit;font-weight:400;border:1px solid var(--line);border-radius:10px;padding:9px 11px}
.dz-cnt{color:var(--muted);font-weight:400;font-size:12px}
.dz-g{border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-family:Arial,'IBM Plex Sans Arabic',sans-serif;background:#fff;margin-bottom:14px}
.dz-g-site{display:flex;gap:10px;align-items:center;font-size:13px}.dz-g-site b{display:block;font-weight:500;color:#202124}.dz-g-site span[dir]{color:#4d5156;font-size:12px}
.dz-g-ic{width:28px;height:28px;border-radius:50%;background:#F1F3F4;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#202124}
.dz-g-title{color:#1a0dab;font-size:19px;margin:8px 0 4px;line-height:1.3}.dz-g-desc{color:#4d5156;font-size:14px;line-height:1.55}
.dz-w{display:flex;border-radius:10px;overflow:hidden;background:#E7FFDB;border:1px solid #CDEBC0;max-width:440px}
.dz-w-img{width:110px;flex:none;background:center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:#fff;font-size:34px;font-weight:700}
.dz-w-body{padding:10px 12px;display:flex;flex-direction:column;gap:3px;font-size:13px;color:#111}.dz-w-dom{font-size:11px;color:#667781}.dz-w-body span:last-child{color:#667781}
/* generated site: menu, booking, branches */
.mn-wrap{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px}
.mn-cat h2{font-size:22px;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--p)}
.th-noir .mn-cat h2{border-color:var(--a)}
.mn-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.mn-row{display:flex;align-items:baseline;gap:8px}.mn-row b{font-weight:600;font-size:16px}
.mn-dots{flex:1;border-bottom:2px dotted var(--xs-line);transform:translateY(-4px)}
.mn-price{font-weight:700;color:var(--p);white-space:nowrap}.th-noir .mn-price{color:var(--a)}
.mn-list p{margin:2px 0 0;font-size:13.5px;color:var(--xs-mut)}
.bk-wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:start}
.bk-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bk-form h3,.bk-form .ip-send,.bk-f:last-of-type{grid-column:1/-1}
.bk-f{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--xs-mut)}
.bk-f .ip-in,.ip-form input.ip-in,.ip-form textarea.ip-in{font:inherit;font-size:14.5px;color:inherit;background:transparent;width:100%;box-sizing:border-box}
.ip-form button.ip-send{border:0;cursor:pointer;font:inherit;font-weight:600}
.br-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.br-card{background:var(--xs-card);border:1px solid var(--xs-line);border-radius:var(--xs-r);overflow:hidden}
.br-map{height:180px!important;border-radius:0!important;border:0!important}
.br-body{padding:16px;display:flex;flex-direction:column;gap:6px}.br-body h3{font-size:18px}.br-body p{color:var(--xs-mut);font-size:14px}
.br-line{display:flex;justify-content:space-between;gap:10px;font-size:14px;border-top:1px dashed var(--xs-line);padding-top:6px}.br-line small{color:var(--xs-mut)}
@container (max-width:760px){.mn-wrap,.bk-wrap,.bk-form{grid-template-columns:1fr}}
/* demo comments */
.demo-note-btn{position:fixed;bottom:70px;inset-inline-end:14px;z-index:70;border:0;border-radius:999px;padding:10px 16px;background:#F59E0B;color:#111;font:700 13.5px 'IBM Plex Sans Arabic',system-ui,sans-serif;box-shadow:0 10px 26px rgba(0,0,0,.25);cursor:pointer;max-width:calc(100% - 28px)}
.dz-noting .dz-preview>*{cursor:crosshair}
.dz-noting .dz-preview>*:hover,.dz-noted{outline:3px dashed #F59E0B;outline-offset:-3px}
.demo-note-pop{position:absolute;z-index:80;inset-inline-start:16px;top:16px;width:min(320px,calc(100% - 32px));background:#fff;color:#111;border-radius:14px;padding:12px;box-shadow:0 18px 40px rgba(0,0,0,.28);display:flex;flex-direction:column;gap:8px;font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;text-align:start}
.dz-noting .dz-preview>*:not(.dz-lpill):not([class*="sticky"]){position:relative}
.demo-note-pop textarea,.demo-note-pop input{font:inherit;font-size:14px;border:1px solid #D5DCE4;border-radius:9px;padding:8px 10px;width:100%;box-sizing:border-box;color:#111;background:#fff}
.demo-note-pop div{display:flex;gap:8px}.demo-note-pop button{font:inherit;border:1px solid #D5DCE4;background:#fff;border-radius:9px;padding:7px 14px;cursor:pointer;color:#111}
.demo-note-pop .demo-note-send{background:#0E1726;color:#fff;border-color:#0E1726}
.demo-toast{position:fixed;bottom:130px;left:50%;transform:translateX(-50%);z-index:90;background:#0E1726;color:#fff;border-radius:999px;padding:10px 18px;font:600 14px 'IBM Plex Sans Arabic',system-ui,sans-serif}
/* brand studio v13: start form, logo gallery, mockups, brand kit, brand dashboard */
.st-form{display:flex;flex-direction:column;gap:14px;max-width:860px}
.st-row{display:flex;flex-wrap:wrap;gap:10px}
.st-row input,.st-row select{font:inherit;font-size:17px;min-height:56px;border-radius:10px;border:1px solid #C9D2DC;padding:12px 16px;background:#fff;color:var(--ink)}
.st-name{flex:2 1 260px;min-width:0}.st-sector{flex:1 1 200px;min-width:0}
.st-row .btn{min-height:56px;flex:0 0 auto;padding-inline:28px}
.st-row input:focus,.st-row select:focus{outline:3px solid var(--accent-l);outline-offset:1px}
.st-styles{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px}
.st-styles>span{color:var(--muted);margin-inline-end:4px}
.dark .st-styles>span{color:#A9B6C6}
.st-chip{font:inherit;font-size:14px;font-weight:600;border-radius:999px;padding:7px 15px;cursor:pointer;border:1.5px solid var(--line);background:#fff;color:var(--ink)}
.dark .st-chip{background:transparent;color:#fff;border-color:#44546C}
.st-chip.on,.dark .st-chip.on{background:var(--accent-l);border-color:var(--accent-l);color:var(--ink)}
.st-alt{font-size:15px;color:#A9B6C6}.st-alt a{color:#fff}
.st-band{padding:56px 0}
.st-band-in{background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:center}
.st-band-in h2{font-size:30px;margin:6px 0 10px}
.st-band .st-form{max-width:none}
.st-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:-4px}
.st-tags .dz-lbl{margin:0}.st-tag{font-size:12.5px;padding:5px 11px}
.st-toast{position:fixed;inset-inline:16px;bottom:24px;margin:0 auto;max-width:440px;background:var(--ink);color:#fff;border-radius:12px;padding:12px 16px;font-size:14.5px;text-align:center;box-shadow:0 12px 30px rgba(0,0,0,.25);opacity:0;transform:translateY(12px);transition:.25s;pointer-events:none;z-index:90}
.st-toast.on{opacity:1;transform:none}
.st-scratch{position:absolute;left:-10000px;top:0;width:900px;visibility:hidden;pointer-events:none}
.st-scratch-i{width:900px;height:400px}
/* gallery */
.gl-sec{padding:64px 0 72px;background:#fff}
.gl-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.gl-head h2{font-size:34px}.gl-head p{margin-top:8px}
.gl-name{color:var(--accent)}
.gl-filters{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--bg);margin-bottom:20px}
.gl-frow{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.gl-frow>.dz-lbl{margin:0;min-width:64px;font-weight:700}
.gl-frow .dz-chips{gap:6px}
.gl-frow .dz-chip{padding:6px 12px;font-size:13.5px;display:inline-flex;align-items:center;gap:6px}
.gl-dot{width:12px;height:12px;border-radius:50%;display:inline-block}
.gl-favbtn{margin-inline-start:auto}.gl-favn{font-weight:700}
.gl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.gl-tile{position:relative}
.gl-pick{display:block;width:100%;border:1px solid var(--line);border-radius:14px;background:#fff;padding:0;cursor:pointer;overflow:hidden;font:inherit;text-align:start;transition:transform .15s,box-shadow .15s}
.gl-pick:hover,.gl-pick:focus-visible{transform:translateY(-2px);box-shadow:0 14px 30px rgba(14,23,38,.12);border-color:var(--accent-l)}
.gl-art{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;padding:14% 12%;background:#fff}
.gl-logo{display:block;width:100%;height:100%}
.gl-meta{display:block;padding:8px 12px;font-size:12.5px;color:var(--muted);border-top:1px solid var(--line)}
.gl-heart{position:absolute;top:8px;inset-inline-end:8px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.92);font-size:17px;line-height:1;cursor:pointer;color:#9AA3AF}
.gl-heart.on{color:#E11D48;border-color:#FBCFE8}
.gl-empty{grid-column:1/-1;color:var(--muted);padding:30px 0;text-align:center}
.gl-foot{display:flex;justify-content:center;margin-top:24px}
.gl-sentinel{height:1px}
.gl-back{text-decoration:none}
/* mockups */
.mk{display:flex;flex-direction:column;gap:8px}
.mk figcaption{font-size:12px;color:var(--muted);font-weight:600;text-align:center}
.mk-art{position:relative;background:#F4F5F7;border-radius:12px;padding:10px;display:flex;align-items:center;justify-content:center}
.mk-dev{position:relative;margin:0 auto}.mk-art svg{display:block;width:100%;height:auto}
.mk-slot{position:absolute}
.mk-s-shirt{left:38%;top:36%;width:24%;height:18%}
.mk-s-mug{left:29%;top:38%;width:34%;height:30%}
.mk-s-app{left:33%;top:40%;width:12%;height:9.2%}
.mk-appname{position:absolute;left:27%;top:50.5%;width:24%;font-size:7px;color:#fff;text-align:center;overflow:hidden;white-space:nowrap}
.mk-s-bag{left:30%;top:45%;width:40%;height:28%}
.mk-s-van{left:12%;top:28%;width:42%;height:30%}
.mk-s-stamp{left:33%;top:33%;width:34%;height:34%}
/* business card templates (shared by the kit and "how it looks") */
.kc-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kc{aspect-ratio:1.75;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.13);background:#fff;color:#2a2a2a;font-size:9px;text-align:start}
.lz-cards.kc-in .kc{font-size:12px}
.kc .lz-logo{position:absolute}
.kc-c{inset:22% 16%}
.kc-s{top:9%;inset-inline-start:9%;width:52%;height:22%}
.kc.back{display:flex;flex-direction:column;justify-content:flex-end;padding:8% 9%;gap:5%}
.kc-who b{display:block;font-size:1.15em}.kc-who span{color:#777;font-size:.9em}
.kc-lines{display:flex;flex-direction:column;gap:1px;font-size:.88em;color:#444}
[dir=rtl] .kc-lines span{text-align:right}
.kc-rule{position:absolute;bottom:14%;left:42%;right:42%;height:3px;border-radius:2px}
.kc-bar{position:absolute;inset-inline-end:0;top:0;bottom:0;width:4%}
.kc-split{display:flex}
.kc-side{width:38%;position:relative}.kc-side .kc-m{inset:24% 18%}
.kc-main{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:0 9%}
.kc-name{font-size:1.4em}.kc-main span{color:#777;font-size:.9em}
.kc-split.back .kc-s{position:absolute}
.kc-dark{background:#16181d;color:#e6e6e6}.kc-dark .kc-who span,.kc-dark .kc-lines{color:#b8bcc4}
/* brand kit */
.kit-sec{background:#fff}
.kit{display:flex;flex-direction:column;gap:18px}
.kit-tabs{gap:8px}
.kit-tabs .dz-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;font-size:14.5px}
.kit-badge{font-size:11px;font-weight:700;border-radius:999px;padding:2px 8px;background:#FEF3C7;color:#92400E}
.kit-badge.free{background:#DCFCE7;color:#166534}
.dz-chip.on .kit-badge{background:rgba(255,255,255,.22);color:#fff}
.kit-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.kit-free{font-size:13px;font-weight:700;color:#166534;background:#DCFCE7;border-radius:999px;padding:4px 12px}
.kit-soc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.kit-item{margin:0;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px}
.kit-prev{background:#E5E9EE;border-radius:10px;min-height:120px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.kit-cv{display:block;width:100%;height:auto;border-radius:8px}
.k-story .kit-prev{padding:0 28%}
.kit-item figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.kit-item figcaption b{font-size:14px}.kit-item figcaption span{font-size:12px;color:var(--muted);flex:1}
.kit-item .dz-chip{padding:5px 12px;font-size:13px}
.kit-note{font-size:14px;max-width:760px}
.kit-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.kit-card{position:relative;border:2px solid var(--line);border-radius:14px;background:var(--bg);padding:16px;cursor:pointer;font:inherit;text-align:start;overflow:hidden;display:flex;flex-direction:column;gap:10px}
.kit-card.on{border-color:var(--accent);background:var(--accent-t)}
.kc-lab{font-weight:700;font-size:14px}.kc-lab b{color:var(--accent)}
.kc-wm{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform:rotate(-18deg);font-size:13px;font-weight:700;color:rgba(14,23,38,.11);white-space:pre;pointer-events:none;letter-spacing:.04em;overflow:hidden}
.kit-act{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.kit-sig{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;overflow:auto}
.kit-vars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.kit-var{margin:0;display:flex;flex-direction:column;gap:8px}
.kit-var figcaption{font-size:12.5px;color:var(--muted);text-align:center}
.kv-box{position:relative;aspect-ratio:16/10;border-radius:12px;border:1px solid var(--line);padding:12% 14%;overflow:hidden;background:#fff}
.kv-dark .kv-box{background:#16181d}.kv-dark .kc-wm{color:rgba(255,255,255,.14)}
.kv-box .lz-logo{width:100%;height:100%}
.kit-files{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.kit-files li{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--bg);font-size:13px;color:var(--muted)}
.kit-files li b{color:var(--ink);font-size:14.5px}.kit-lock{font-size:13px}
.br-link{display:block;margin-top:12px;font-weight:600;font-size:14.5px;text-decoration:none}
/* brand dashboard */
.br-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.br-full{grid-column:1/-1}
.br-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:12px;min-width:0}
.br-card h3{font-size:19px}
.br-steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.br-steps li{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px 6px 6px;font-weight:600;font-size:14px;color:var(--muted)}
[dir=rtl] .br-steps li{padding:6px 6px 6px 14px}
.br-steps li span{width:26px;height:26px;border-radius:50%;background:var(--bg);display:inline-flex;align-items:center;justify-content:center;font-size:13px}
.br-steps li.on{color:var(--ink);border-color:#BBF7D0}.br-steps li.on span{background:#16A34A;color:#fff}
.br-logo-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center}
.br-logo-box{background:var(--bg);border-radius:14px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;padding:8% 10%}
.br-logo{width:100%;height:100%}
.br-logo-meta{display:flex;flex-direction:column;gap:10px}
.br-logo-meta h2{font-size:30px}
.br-card dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:14px;align-items:center}
.br-card dt{color:var(--muted)}.br-card dd{margin:0;display:flex;align-items:center;gap:8px}
.br-sw{display:inline-flex;gap:4px}.br-sw i{width:22px;height:22px;border-radius:6px;border:1px solid rgba(0,0,0,.08)}
.br-hex{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--muted)}
.br-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.btn-ghost-d{background:transparent;color:var(--muted);border-color:var(--line)}
.br-site-mock{border:1px solid #E6E8EC;border-radius:10px;overflow:hidden;font-size:12px}
.bsm-bar{display:flex;gap:5px;padding:7px 10px;background:#F4F5F7}.bsm-bar i{width:7px;height:7px;border-radius:50%;background:#D7DAE0}
.bsm-head{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #EEF0F3}
.bsm-logo{width:34%;height:26px}.bsm-head span{width:12%;height:6px;border-radius:3px;background:#E5E7EB}
.bsm-hero{padding:18px 14px;display:flex;flex-direction:column;gap:5px}.bsm-hero b{font-size:15px}.bsm-hero span{color:#555}
.bsm-hero i{width:72px;height:18px;border-radius:5px;margin-top:4px}
.br-warn{font-size:13px}
.br-demo-l{font-size:13.5px}.br-demo{font-weight:600}
.br-dom-row{display:flex;gap:8px}
.br-dom-in{flex:1;min-width:0;font:inherit;font-size:16px;border:1px solid #C9D2DC;border-radius:8px;padding:10px 12px}
.br-dom-res{display:flex;flex-direction:column;gap:6px}
.br-dom-cur{font-size:14px;color:#166534}
.br-kit-card .kit-soc{grid-template-columns:repeat(3,minmax(0,1fr))}
.br-empty{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}
.br-send-wrap{max-width:900px}
.br-svcs{display:flex;flex-wrap:wrap;gap:8px}
.br-wa{margin-top:14px}
@media (max-width:1100px){.kit-soc,.br-kit-card .kit-soc{grid-template-columns:repeat(2,minmax(0,1fr))}.kit-files{grid-template-columns:repeat(2,minmax(0,1fr))}.st-band-in{grid-template-columns:1fr}}
@media (max-width:760px){.gl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gl-head h2{font-size:26px}.gl-favbtn{margin-inline-start:0}
.kit-soc,.br-kit-card .kit-soc,.kit-cards,.kit-vars,.br-grid,.br-logo-card{grid-template-columns:1fr}.kit-files{grid-template-columns:1fr 1fr}.st-band-in{padding:20px}.st-row .btn{width:100%}}
/* Nama ERP (orange) */
:root{--nama:#EA580C}
.p-nama{--accent:#EA580C;--accent-t:#FFF1E6;--accent-l:#FDBA74}
.p-nama .btn-accent:hover{filter:brightness(1.08)}
.nm-hero .wrap{align-items:center}
.nm-card{background:var(--ink2);border:1px solid var(--line-d);border-radius:16px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.nm-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line-d)}
.nm-stats div{background:var(--ink2);padding:22px 24px;display:flex;flex-direction:column;gap:4px}
.nm-stats b{font-size:40px;line-height:1;color:var(--accent-l);font-weight:700}
.nm-stats span{color:#A9B6C6;font-size:14px}
.nm-tiles{list-style:none;margin:0;padding:18px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border-top:1px solid var(--line-d)}
.nm-tiles li{display:flex;align-items:center;gap:10px;background:#1B2940;border-radius:10px;padding:10px 12px;color:#E2E8F0;font-size:13.5px}
.nm-tiles b{font-weight:600}
.nm-n{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;border-radius:8px;background:var(--accent);color:#fff;font-weight:700;font-size:14px;flex:0 0 auto}
.nm-note{font-size:12px;color:#7D8CA1;padding:0 20px 16px}
.nm-sec{border-top:4px solid var(--accent)}
.nm-sec h3{font-size:18px}
.nm-mods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.nm-mod{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff}
.nm-mod h3{font-size:17px;margin-bottom:6px}.nm-mod p{color:var(--muted);font-size:14.5px}
.nm-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 32px}
.nm-steps .mono{color:var(--accent);font-weight:600}
.home-prods .product{padding:28px}
@media (max-width:1100px){.nm-mods{grid-template-columns:repeat(2,minmax(0,1fr))}.nm-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.nm-mods,.nm-steps,.home-prods{grid-template-columns:1fr}.nm-stats b{font-size:32px}}
/* logo engine v6: designed templates in the editor */
.lz-tpls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:420px;overflow:auto;padding:2px;margin-bottom:6px}
.lz-tpl{border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:8px;height:84px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lz-tpl:hover{border-color:var(--accent-l)}
.lz-tpl.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-t)}
.lz-tpl-s{display:block;width:100%;height:100%}
.gl-art{padding:10% 10%}
@media (max-width:520px){.lz-tpls{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v16: email-protection checker widget */
.mc{max-width:860px}
.mc-form{margin:0 0 8px}
.mc-lbl{display:block;font-weight:600;font-size:14px;margin-bottom:8px}
.mc-inrow{display:flex;gap:10px;flex-wrap:wrap}
.mc-inrow input{flex:1 1 260px;min-width:0;font:inherit;font-size:17px;padding:13px 15px;border:1px solid var(--line,#D5DCE4);border-radius:12px;background:#fff}
.mc-inrow .btn{flex:0 0 auto}
.mc-out{margin-top:22px;border:1px solid var(--line,#E3E8EE);border-radius:16px;overflow:hidden;background:#fff}
.mc-head{display:flex;gap:18px;align-items:center;padding:20px 22px;color:#fff}
.mc-head-bad{background:#B42318}
.mc-head-good{background:#15803D}
.mc-grade{flex:0 0 auto;text-align:center;line-height:1}
.mc-grade .mc-gl{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.85;margin-bottom:4px}
.mc-grade b{font-size:46px;font-weight:800}
.mc-headt{display:flex;flex-direction:column;gap:3px}
.mc-headt b{font-size:19px;line-height:1.3}
.mc-headt span{font-size:14px;opacity:.92;line-height:1.4}
.mc-headt .mc-dom{font-family:var(--mono,monospace);font-size:13px;opacity:.85;margin-top:2px}
.mc-list{list-style:none;margin:0;padding:6px 0}
.mc-row{display:flex;gap:12px;align-items:flex-start;padding:13px 22px;border-top:1px solid #EEF1F4}
.mc-row:first-child{border-top:none}
.mc-ic{flex:0 0 24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff}
.mc-ok .mc-ic{background:#15803D}
.mc-warn .mc-ic{background:#B7791F}
.mc-bad .mc-ic{background:#B42318}
.mc-rb{display:flex;flex-direction:column;gap:2px}
.mc-rb b{font-size:15px}
.mc-rt{font-size:14px;color:#5B6773}
.mc-extra{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:14px 22px;border-top:1px solid #EEF1F4;font-size:14px;margin:0}
.mc-extra .mc-yes{color:#15803D;font-weight:600}
.mc-extra .mc-no{color:#8A94A2}
.mc-small{padding:0 22px 14px;margin:0;font-size:12.5px}
.mc-cta{display:flex;flex-direction:column;gap:3px;margin:14px 22px 20px;padding:16px 18px;border-radius:12px;background:#0E1726;color:#fff;text-decoration:none}
.mc-cta b{font-size:16px}
.mc-cta span{font-size:14px;opacity:.85}