/*
Theme Name: Dokimoz Landing
Version: 1.0.0
Description: Arabic-first bilingual Dokimoz landing page. Unpublished review package.
Author: Dokimoz
License: GPL-2.0-or-later
Text Domain: dokimoz-landing
*/

@font-face{font-family:Plex;src:url('assets/fonts/IBMPlexSans-Regular.woff2')}@font-face{font-family:Plex;src:url('assets/fonts/IBMPlexSans-Bold.woff2');font-weight:700}@font-face{font-family:Arabic;src:url('assets/fonts/IBMPlexSansArabic-Regular.woff2')}@font-face{font-family:Arabic;src:url('assets/fonts/IBMPlexSansArabic-Bold.woff2');font-weight:700}
:root{--ink:#0b1320;--teal:#0a7f78;--pale:#e6f4f3;--muted:#526269;--line:#d9e4e1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:#fafbf8;font:17px/1.7 Plex,Arial,sans-serif}body[dir=rtl]{font-family:Arabic,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #b36b29;outline-offset:5px}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.logo{width:185px;height:auto}.nav{display:flex;align-items:center;gap:30px;font-size:14px}.lang{border:1px solid var(--line);padding:7px 15px;border-radius:30px}.hero{padding:76px 0 90px;display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}.eyebrow{color:var(--teal);font-size:13px;font-weight:700;letter-spacing:.08em;margin:0 0 20px}h1{font-size:clamp(42px,5vw,68px);line-height:1.2;letter-spacing:-.035em;margin:0 0 26px}h1 em{font-style:normal;color:var(--teal)}.lead{color:var(--muted);font-size:19px;max-width:560px}.actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;border-radius:8px;padding:13px 24px;font-weight:700;background:var(--teal);color:white;font-size:15px}.btn.secondary{color:var(--ink);border:1px solid var(--line);background:transparent}.micro{font-size:13px;color:var(--muted);margin-top:14px}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 24px 70px #102d2710;position:relative}.panel:before{content:'';position:absolute;inset:-20px 20px 20px -20px;background:var(--pale);border-radius:18px;z-index:-1}.panel-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:17px}.dot{display:inline-block;background:var(--teal);width:7px;height:7px;border-radius:50%;margin-inline-end:6px}.panel h3{font-size:23px;line-height:1.4;margin:24px 0 8px}.example{font-size:12px;color:var(--muted)}.answer{padding:12px 16px;border:1px solid var(--line);border-radius:8px;margin:10px 0;font-size:15px}.answer.right{background:var(--pale);border-color:#81bab5}.feedback{border-inline-start:3px solid var(--teal);padding-inline-start:16px;margin-top:22px;font-size:14px}.feedback b{color:var(--teal)}.panel-bottom{display:flex;justify-content:space-between;padding-top:18px;margin-top:20px;border-top:1px solid var(--line);font-size:13px}.band{background:var(--ink);color:white;padding:24px 0}.band .wrap{display:flex;justify-content:space-between;gap:28px;align-items:center}.band p{margin:0;color:#c6d4d5;font-size:14px}.band strong{font-size:21px}section{padding:85px 0}h2{font-size:clamp(30px,3.5vw,44px);line-height:1.3;margin:10px 0 20px;letter-spacing:-.025em}.section-lead{max-width:670px;color:var(--muted)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.step{border-top:1px solid var(--line);padding-top:25px}.num{color:var(--teal);font-size:14px}.step h3{font-size:23px;margin:20px 0 12px}.step p{color:var(--muted);font-size:16px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.light{background:var(--pale)}.features{display:grid;gap:20px}.feature{background:#ffffffb0;border-radius:10px;padding:23px}.feature h3{margin:0 0 6px;font-size:19px}.feature p{margin:0;color:var(--muted);font-size:15px}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:35px;max-width:920px}.plan{padding:32px;background:white;border:1px solid var(--line);border-radius:14px}.plan.full{border:2px solid var(--teal)}.plan h3{margin:0;font-size:24px}.price{font-size:48px;line-height:1.2;font-weight:700;margin:24px 0 5px}.price span{font-size:16px;font-weight:400}.plan ul{padding-inline-start:22px;color:var(--muted);font-size:15px;min-height:128px}.plan li{padding:5px 0}.small{font-size:14px;color:var(--muted)}.faq{max-width:850px}.faq details{padding:22px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:700}.faq details p{color:var(--muted)}.end{text-align:center;background:var(--ink);color:white;padding:65px 25px}.end p{color:#c6d4d5}.footer{padding:32px 0;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:35px}.footer p{max-width:650px;margin:0}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;padding:15px;z-index:4}@media(max-width:800px){.wrap{width:calc(100% - 36px)}.header{height:88px}.logo{width:145px}.nav{gap:12px}.nav .desktop{display:none}.hero{grid-template-columns:1fr;padding:45px 0 60px;gap:38px}h1{font-size:43px}.panel{padding:22px}.split,.grid3,.pricing{grid-template-columns:1fr;gap:25px}section{padding:55px 0}.band .wrap{display:block}.band p{margin-top:6px}.footer{display:block}.footer p{margin-bottom:15px}.plan ul{min-height:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
