@font-face{font-family:Cairo;font-weight:400;font-display:swap;src:url(/fonts/Cairo-Regular.ttf) format("truetype")}
@font-face{font-family:Cairo;font-weight:700;font-display:swap;src:url(/fonts/Cairo-Bold.ttf) format("truetype")}
/* Brand: burgundy board, teal accents, marker yellow. Layout: a teacher's desk seen from above; real slides lie overlapped on a chalkboard band, then plain ruled sections. */
:root{--board:#5C1030;--board2:#82183D;--paper:#F4F8F4;--card:#FFFFFF;--ink:#14302A;--muted:#55706A;--line:#D5E2DB;--chalk:#F3F7EF;--marker:#F6C453;--display:"Cairo",Tahoma,sans-serif;--body:"Cairo",Tahoma,sans-serif}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#0F1F1B;--card:#16302A;--ink:#E7F1EC;--muted:#A5BDB5;--line:#2A4A41;color-scheme:dark}}
:root[data-theme="dark"]{--paper:#0F1F1B;--card:#16302A;--ink:#E7F1EC;--muted:#A5BDB5;--line:#2A4A41;color-scheme:dark}
*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.75;direction:rtl}
.wrap{max-width:1120px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:var(--display);line-height:1.25;text-wrap:balance;margin:0}p{margin:0}
.board{background:linear-gradient(160deg,var(--board),var(--board2));color:var(--chalk);overflow:hidden}
.board .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;align-items:center;padding-block:56px 64px}
.brand{font-family:var(--display);font-size:20px;color:var(--marker);margin-bottom:18px}
h1{font-size:clamp(36px,5.4vw,60px);font-weight:700}.lead{font-size:19px;margin:18px 0 26px;max-width:32em;color:#D9E6DE}
.cta{display:inline-block;background:var(--marker);color:#20301F;font-weight:700;padding:13px 26px;border-radius:8px;text-decoration:none;font-size:17px}.cta:focus-visible{outline:3px solid #fff;outline-offset:2px}.cta.off{background:transparent;color:var(--marker);border:1.5px dashed var(--marker);font-weight:600}
.note{font-size:14.5px;color:#BFD2C8;margin-top:12px}
.desk{position:relative;min-height:420px}.desk img{position:absolute;width:72%;border-radius:6px;box-shadow:0 18px 40px rgb(0 0 0/.38)}.desk img:nth-child(1){top:0;right:0;transform:rotate(1.6deg);z-index:2}.desk img:nth-child(2){top:150px;left:0;transform:rotate(-3deg);z-index:3}.desk img:nth-child(3){top:270px;right:12%;transform:rotate(2deg);z-index:4;width:60%}
section{padding-block:56px}h2{font-size:clamp(27px,3.4vw,38px);margin-bottom:10px}.sub{color:var(--muted);max-width:44em;margin-bottom:26px}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;counter-reset:s}.steps li{counter-increment:s;border-top:3px solid var(--ink);padding-top:12px;min-width:0}.steps li::before{content:counter(s);font-family:var(--display);font-size:30px;color:var(--board2);display:block}:root[data-theme="dark"] .steps li::before{color:var(--marker)}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .steps li::before{color:var(--marker)}}.steps strong{display:block;margin-bottom:2px}.steps span{color:var(--muted);font-size:15.5px}
.pack{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0 34px}.pack div{border-bottom:1px solid var(--line);padding-block:13px;min-width:0}.pack strong{display:block}.pack span{font-size:15.5px;color:var(--muted)}
.designs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.design{min-width:0}.design img{display:block;width:100%;border-radius:5px;border:1px solid var(--line)}.minis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 10px}.design h3{font-size:21px}.design p{font-size:15.5px}.design small{color:var(--muted);font-size:13.5px}
.tools{background:var(--card);border-block:1px solid var(--line)}.mix{width:100%;border-collapse:collapse;font-size:15.5px}.mix th,.mix td{text-align:right;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}.mix th{font-weight:700}.scroll{overflow-x:auto}
.faq{display:grid;gap:8px;max-width:800px}details{border-bottom:1px solid var(--line);padding-block:10px}summary{cursor:pointer;font-weight:700}summary:focus-visible{outline:2px solid var(--marker);outline-offset:2px}details p{color:var(--muted);margin-top:6px;font-size:15.5px}
.close{background:var(--board);color:var(--chalk)}.close .wrap{padding-block:48px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}.close h2{margin:0}.close p{color:#BFD2C8;font-size:15px}
footer{font-size:13.5px;color:var(--muted);padding-block:20px}
@media (max-width:860px){.board .wrap{grid-template-columns:minmax(0,1fr)}.desk{min-height:330px}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.designs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:540px){.designs{grid-template-columns:minmax(0,1fr)}.desk{min-height:270px}.desk img:nth-child(2){top:90px}.desk img:nth-child(3){top:170px}}
/* Site chrome shared by every page */
.top{background:var(--board);color:var(--chalk)}.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px}.top a{color:var(--chalk);text-decoration:none}.top img{height:40px;display:block}.top nav{display:flex;gap:18px;font-size:15px;flex-wrap:wrap}.top nav a:hover{text-decoration:underline}
.cta.wa{background:#25D366;color:#073B1E}.cta.ghost{background:transparent;color:var(--chalk);border:2px solid var(--chalk);margin-inline-start:10px}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.actions .cta.ghost{margin:0}
.prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;max-width:820px}.price{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}.price.main{border:2px solid #82183D}.price b{display:block;font-size:34px;font-family:var(--display);color:#82183D}.price small{color:var(--muted)}.price ul{margin:10px 0 0;padding-inline-start:20px}.tag{display:inline-block;background:var(--marker);color:#3B0A1F;border-radius:99px;padding:2px 12px;font-size:13.5px;font-weight:700;margin-bottom:8px}
.doc{max-width:820px;padding-block:40px 56px}.doc h1{font-size:clamp(30px,4vw,42px);margin-bottom:6px}.doc h2{font-size:22px;margin:28px 0 8px}.doc p,.doc li{color:var(--ink)}.doc ul,.doc ol{padding-inline-start:22px}.doc .updated{color:var(--muted);font-size:14px}.doc a{color:#82183D}
.steps-dl{counter-reset:d;list-style:none;padding:0;display:grid;gap:14px}.steps-dl li{counter-increment:d;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px 14px 16px;position:relative;padding-inline-start:58px}.steps-dl li::before{content:counter(d);position:absolute;inset-inline-start:14px;top:14px;width:30px;height:30px;border-radius:50%;background:#82183D;color:#fff;display:grid;place-items:center;font-weight:700}
footer nav{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:8px}footer a{color:var(--muted)}
.consent{position:fixed;inset-inline:16px;bottom:16px;max-width:560px;margin-inline:auto;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 36px rgb(0 0 0/.18);padding:16px;z-index:50;font-size:15px}.consent p{margin-bottom:10px}.consent .row{display:flex;gap:8px;flex-wrap:wrap}.consent button{font:inherit;font-weight:700;border-radius:8px;padding:8px 16px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}.consent button.yes{background:#82183D;color:#fff;border-color:#82183D}
@media (max-width:640px){.top nav{display:none}.cta.ghost{margin:0}}