/* scripter360.com — sand background, slate blue accent (the app's default), teal logo. Built by scripts/build-site.mjs. */
:root{--bg:#fbf6ee;--bg2:#f4ede2;--text:#2a211b;--muted:#6f655b;--line:#eadfce;--accent:#3d5a80;--accent2:#2f4868;--soft:#eef1f6;--card:#fffdf9;--shadow:0 26px 64px rgba(90,60,30,.13);--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans","Noto Sans Arabic","Helvetica Neue",Arial,sans-serif}
/* Arabic pages: IBM Plex Sans Arabic (SIL Open Font License, served from this site — see /assets/IBMPlexSansArabic-OFL.txt) */
@font-face{font-family:"IBM Plex Sans Arabic";src:url(/assets/IBMPlexSansArabic-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url(/assets/IBMPlexSansArabic-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url(/assets/IBMPlexSansArabic-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url(/assets/IBMPlexSansArabic-Bold.woff2) format("woff2");font-weight:700 900;font-display:swap}
:root:lang(ar){--sans:"IBM Plex Sans Arabic",-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,sans-serif}
:lang(ar) h1,:lang(ar) h2{font-weight:700}
:lang(ar) .page,:lang(ar) .aisug p{font-family:"IBM Plex Sans Arabic",var(--sans)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{margin:0;overflow-x:clip;background:var(--bg);color:var(--text);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.wrap{max-width:1312px;margin:0 auto;padding:0 64px}
.center{text-align:center}
h1{font:800 66px/1.04 var(--sans);letter-spacing:-1.6px;margin:0}
h2{font:800 44px/1.1 var(--sans);letter-spacing:-1.2px;margin:8px 0 0}
h1 em,h2 em{font-style:normal;color:var(--accent)}
h3{margin:0;font-size:21px;letter-spacing:-.3px;line-height:1.3}
:lang(ar) h1,:lang(ar) h2,:lang(ar) h3{letter-spacing:0;line-height:1.3}
.kicker{font-size:12.5px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:var(--accent)}
:lang(ar) .kicker{letter-spacing:0;font-size:14px}
.lead{color:var(--muted);font-size:19px;line-height:1.6}
.btn{display:inline-block;padding:11px 20px;border-radius:999px;background:var(--accent);color:#fff;font-weight:600;font-size:15px;white-space:nowrap}
.btn:hover{background:var(--accent2)}
.badge{display:inline-block;padding:5px 14px;border-radius:999px;background:var(--soft);color:var(--accent);font-size:13px;font-weight:600;margin-bottom:20px;border:1px solid var(--line)}
.block{padding-top:110px}

/* top bar */
.nav{display:flex;align-items:center;gap:28px;padding:20px 64px;max-width:1440px;margin:0 auto}
.brand img{display:block;height:46px;width:auto}
.links{display:flex;gap:28px}.links a{color:var(--muted);font-size:15px;font-weight:500}.links a:hover{color:var(--text)}
.sp{flex:1}
.langs{position:relative}
.langs summary{list-style:none;cursor:pointer;font-size:14px;color:var(--muted);padding:7px 12px;border:1px solid var(--line);border-radius:999px;white-space:nowrap}
.langs summary::-webkit-details-marker{display:none}
.langs[open] summary{background:var(--card)}
.langs .menu{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:20;min-width:170px;padding:6px;border-radius:12px;background:var(--card);border:1px solid var(--line);box-shadow:0 14px 34px rgba(60,40,20,.15)}
.foot .langs .menu{top:auto;bottom:calc(100% + 6px);inset-inline-end:auto;inset-inline-start:0}
.langs .menu a{display:block;padding:8px 12px;border-radius:8px;font-size:14.5px}.langs .menu a:hover{background:var(--soft)}.langs .menu a[aria-current]{font-weight:700;color:var(--accent)}

/* forms */
.join{position:relative;display:flex;align-items:center;gap:8px;padding:6px;padding-inline-start:20px;border-radius:14px;background:var(--card);border:1px solid var(--line);width:min(480px,100%);margin:28px auto 0}
.join:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(61,90,128,.15)}
.join input[type=email]{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:15.5px;color:var(--text);outline:none;padding:8px 0}
.join input::placeholder{color:#a39584}
.join button{border:0;cursor:pointer;padding:12px 20px;border-radius:10px;background:var(--accent);color:#fff;font:600 15px var(--sans);white-space:nowrap}
.join button:hover{background:var(--accent2)}.join button:disabled{opacity:.7;cursor:default}
.hp{position:absolute;inset-inline-start:-10000px;width:1px;height:1px;opacity:0}
.small{color:var(--muted);font-size:13px;margin-top:10px}
.small a{text-decoration:underline;text-underline-offset:2px}
.msg{margin-top:10px;font-size:14.5px;font-weight:600}.msg:empty{display:none}
.msg.ok{color:#2f7a45}.msg.err{color:#a14934}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* hero */
.hero{padding-top:40px}.hero .lead{max-width:720px;margin:18px auto 0}
.stage{position:relative;margin-top:46px;height:520px;border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}
.stage picture,.stage img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.panel{position:absolute;inset-inline-end:28px;top:28px;bottom:28px;width:380px;border-radius:18px;background:rgba(255,253,249,.95);padding:26px 28px;overflow:auto}
.panel h3{margin:4px 0 8px;font-size:24px}.panel p{margin:0 0 12px;color:var(--muted);font-size:15px}
ul.ticks{margin:0;padding:0;list-style:none}ul.ticks li{display:flex;gap:10px;padding:9px 0;border-top:1px solid #ece5d8;font-size:15px;text-align:start}ul.ticks li::before{content:'✓';color:var(--accent);font-weight:800}
.more{display:inline-block;margin-top:14px;color:var(--accent);font-weight:600;font-size:15px}
:dir(rtl) .more{unicode-bidi:plaintext}
.trust{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 36px;margin-top:40px;color:var(--muted);font-size:15px}.trust b{color:var(--text);font-weight:600}

/* pillars */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:50px;text-align:start}
.step{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:30px}
.step .n{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;margin-bottom:16px}
.step p{color:var(--muted);margin:8px 0 0;font-size:15.5px}

/* split sections */
.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.split.rev .txt{order:2}
.split .lead{font-size:18px;margin:16px 0 0}
.split ul.ticks{margin-top:22px}
.note{color:var(--muted);font-size:14px;margin-top:16px}

/* drawn app windows */
.appwin{background:#f5f1e8;border:1px solid #ddd6c8;border-radius:14px;box-shadow:var(--shadow);overflow:hidden;font-size:13px;color:#2f2f2b;text-align:start}
.appwin .top{display:flex;align-items:center;gap:10px;height:38px;padding:0 14px;background:#faf8f3;border-bottom:1px solid #e3ddd1}
.dots{display:flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.dots i:nth-child(2){background:#febc2e}.dots i:nth-child(3){background:#28c840}
.appwin .top b{margin-inline-start:8px;color:#6f6d66;font-weight:600;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.appwin .body{display:grid;grid-template-columns:240px 1fr;min-height:380px}
.appwin .cal-body{grid-template-columns:170px 1fr}
.tree{padding:14px 10px;border-inline-end:1px solid #e3ddd1;background:#f8f5ef;min-width:0}
.tree div{padding:5px 8px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree .l2{padding-inline-start:24px}.tree .l3{padding-inline-start:40px}
.tree .sel{background:#e3e9f1;color:#2f4868;font-weight:600}
.tree small{display:block;color:#9a968c;font-size:10.5px;letter-spacing:.7px;text-transform:uppercase;padding:2px 8px 8px}
.pane{padding:18px 20px;background:#fbf9f4;min-width:0}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.chips span{padding:4px 10px;border-radius:999px;color:#fff;font-size:12px;font-weight:600}
.cal{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:10px}
.cal div{min-width:0;background:#fffdf8;border:1px solid #e6dfd2;border-radius:8px;min-height:62px;padding:5px;font-size:11px;color:#8a877f}
.cal div b{display:block;font-size:12px;color:#2f2f2b;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal span{display:block;margin-top:3px;padding:2px 4px;border-radius:5px;color:#fff;font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yt{background:#e5352b}.ig{background:#c13584}.tt{background:#111}
.page{background:#fffefa;border:1px solid #e3ddd1;border-radius:6px;padding:22px 26px;font:13.5px/1.75 Georgia,"Noto Naskh Arabic",serif;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.page h4{margin:0 0 6px;font-size:16.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.goal{display:flex;align-items:center;gap:12px;margin-top:10px;font-size:12.5px;color:#6f6d66;white-space:nowrap}.goal u{flex:1;height:7px;border-radius:4px;background:#e6dfd2;overflow:hidden}.goal s{display:block;height:100%;background:#3d5a80}
.exports{display:flex;gap:8px;margin-top:14px}.exports span{padding:6px 12px;border-radius:8px;background:#fffdf8;border:1px solid #e3ddd1;font-weight:600;font-size:12.5px}
.photoapp{position:relative;padding-bottom:230px}
.bookph{border-radius:24px;overflow:hidden;box-shadow:var(--shadow);height:420px}.bookph picture,.bookph img{display:block;width:100%;height:100%;object-fit:cover;object-position:35% 35%}
.appwin.over{position:absolute;inset-inline-start:-40px;width:640px;bottom:0;transform:scale(.74);transform-origin:bottom left}
:dir(rtl) .appwin.over{transform-origin:bottom right}
.aiwin{background:#fffdf9;border:1px solid #e3ddd1;border-radius:18px;box-shadow:var(--shadow);padding:24px 26px;font-size:14px;text-align:start}
.aihead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px}.aihead b{font-size:17px;color:var(--accent)}.aihead span{color:var(--muted);font-size:12.5px}
.aiwin label{display:block;margin:14px 0 6px;color:#8a877f;font-size:11px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}
.seg{display:inline-flex;border:1px solid #e3ddd1;border-radius:9px;overflow:hidden}.seg span{padding:7px 14px;font-size:13px}.seg .on{background:var(--accent);color:#fff;font-weight:600}
.dd{display:flex;justify-content:space-between;border:1px solid #e3ddd1;border-radius:9px;padding:9px 12px;background:#fff}.dd i{font-style:normal;color:#8a877f}
.aisug{margin-top:18px;border:1px solid #e3ddd1;border-radius:12px;padding:12px 14px;background:#fbf9f4}.aisug small{color:#8a877f;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}
.aisug p{margin:6px 0 10px;font:15px/1.6 Georgia,"Noto Naskh Arabic",serif}.aisug del{background:#fbe4df;color:#b23b2a}.aisug ins{background:#e1f2e5;color:#22713d;text-decoration:none}
.aisug span{display:flex;justify-content:flex-end;gap:8px}.aisug span b{padding:5px 12px;border:1px solid #d6d0c6;border-radius:7px;font-size:13px;font-weight:500;background:#fff}.aisug span b.ok{background:var(--accent);border-color:var(--accent);color:#fff}
.ainote{margin-top:12px;padding:10px 12px;border-radius:10px;background:#fff7dc;border:1px solid #f0e2b0;font-size:13.5px;color:#5c4a12}

/* features */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:50px;text-align:start}
.f{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px}
.f i{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--soft);color:var(--accent);font-style:normal;font-size:19px;margin-bottom:14px}
.f h3{font-size:17px}.f p{margin:6px 0 0;color:var(--muted);font-size:14.5px}

/* your work stays yours */
.band{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:90px 0;margin-top:110px}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:44px;text-align:start}
.three h3{font-size:19px;margin-bottom:6px}.three p{margin:0;color:var(--muted);font-size:15.5px}.three i{font-style:normal;font-size:26px;display:block;margin-bottom:12px}

/* faq */
.faq{max-width:860px;margin:40px auto 0;text-align:start}
.faq details{border-bottom:1px solid var(--line);padding:18px 4px}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;font-size:17.5px;font-weight:700}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';color:var(--accent);font-size:22px;line-height:1}.faq details[open] summary::after{content:'–'}
.faq p{margin:10px 0 0;color:var(--muted);font-size:15.5px;max-width:760px}

/* final call */
.cta{margin:110px auto 0;max-width:1312px;border-radius:28px;background:var(--accent);color:#fff;text-align:center;padding:70px 40px}
.cta h2{color:#fff;margin:0}.cta p{color:#d9e2ee;font-size:18px;margin:14px 0 0}
.cta .join{background:#fff;border-color:#fff}.cta .join button{background:var(--accent2)}
.cta .small,.cta .small a{color:#c9d5e4}.cta .msg.ok{color:#bff0cd}.cta .msg.err{color:#ffd2c4}
.cta .ctas{margin-top:26px}
.news{max-width:560px;margin:46px auto 0;padding-top:34px;border-top:1px solid rgba(255,255,255,.22)}.news h3{color:#fff;font-size:19px}.news p{font-size:15.5px;margin-top:6px}.news .join{margin-top:18px}

/* download buttons */
.ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.btn.big{padding:15px 28px;font-size:17px;display:inline-flex;align-items:center;gap:10px}
.btn.ghost{background:transparent;color:var(--accent);border:1.5px solid var(--line);padding:13.5px 26px}.btn.ghost:hover{background:var(--soft)}
.btn.light{background:#fff;color:var(--accent)}.btn.light:hover{background:#eef1f6}
.dl{display:inline-block;width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M6.5 10 12 15.5 17.5 10M4 20h16'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M6.5 10 12 15.5 17.5 10M4 20h16'/%3E%3C/svg%3E") center/contain no-repeat}
.hero .small{font-size:14px;line-height:1.7;margin-top:16px}

/* pricing */
.narrow{max-width:680px;margin:16px auto 0}
.period{display:inline-flex;margin-top:28px;background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:4px;gap:4px}
.period button{border:0;background:transparent;cursor:pointer;padding:8px 18px;border-radius:999px;font:600 14px var(--sans);color:var(--muted)}
.period button[aria-pressed=true]{background:#fff;color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.period em{font-style:normal;color:#2e7d4f;font-size:12.5px;margin-inline-start:4px}
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,380px));gap:24px;justify-content:center;margin-top:32px;text-align:start}
.plan{position:relative;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:30px}
.plan.best{border:2px solid var(--accent);box-shadow:0 18px 50px rgba(59,85,126,.15)}
.plan h3{font-size:22px}.plan .sub{color:var(--muted);margin:4px 0 0}
.price{font:800 44px/1 var(--sans);margin-top:18px}.price span{font-size:16px;font-weight:600;color:var(--muted)}
.eq{color:var(--muted);font-size:14px;margin:6px 0 18px}
.plans[data-period=year] .m,.plans[data-period=month] .y{display:none}
.btn.full{display:block;text-align:center;margin-bottom:20px}
.pop{position:absolute;top:-13px;inset-inline-start:30px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px}
#pricing>.small{margin-top:22px;line-height:1.7}

footer{margin-top:90px;border-top:1px solid var(--line);padding:46px 0 40px}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
.foot img{height:40px;width:auto}.foot p{color:var(--muted);font-size:14px;margin:12px 0 0;max-width:300px}
.foot h4{margin:0 0 12px;font-size:13px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}
.foot a{display:block;font-size:14.5px;margin:7px 0}.foot a:hover{color:var(--accent)}.foot .langs{margin-top:12px;display:inline-block}
.legal{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:40px;color:var(--muted);font-size:13px}

/* legal pages (privacy, terms, disclaimer) */
.legalpage{max-width:780px;padding-top:30px}.legalpage h1{font-size:44px}.legalpage h2{font-size:22px;letter-spacing:-.3px;margin-top:34px}
.legalpage p{color:#4a4038;font-size:16px}.legalpage .updated{color:var(--muted);font-size:14px}.legalpage a{color:var(--accent);text-decoration:underline}.legalpage .more{text-decoration:none;margin-top:30px}
.legalpage h3{font-size:17px;margin:22px 0 4px}.legalpage ul{padding-inline-start:22px;margin:8px 0 14px}.legalpage li{color:#4a4038;font-size:16px;margin:6px 0;line-height:1.55}
.legalpage .langnote{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:12px 16px;color:var(--text);font-size:15px}
.legalpage .summary{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:6px 22px 10px;margin:22px 0}
.legalpage .caps{font-size:14.5px}
.legallinks{display:flex;gap:8px 18px;flex-wrap:wrap}.legallinks a:hover{color:var(--accent)}

/* tablets */
@media (max-width:1100px){
  .wrap{padding:0 32px}.nav{padding:18px 32px;gap:20px}.links{gap:18px}
  h1{font-size:54px}h2{font-size:38px}
  .grid{grid-template-columns:repeat(2,1fr)}
  .split{gap:44px}
  .appwin.over{width:560px;transform:scale(.7)}
  .cta{margin-inline:32px}
}
/* phones */
@media (max-width:860px){
  .links{display:none}
  .nav{padding:14px 18px;gap:10px}.brand img{height:38px}
  .nav-cta{display:none}
  .wrap{padding:0 18px}
  h1{font-size:40px;letter-spacing:-1px}h2{font-size:31px;letter-spacing:-.6px}
  .lead{font-size:17px}
  .hero{padding-top:22px}
  .join{flex-direction:column;align-items:stretch;padding:8px;padding-inline-start:8px}
  .join input[type=email]{padding:10px 12px}
  .stage{height:auto;border-radius:20px;overflow:visible;box-shadow:none;margin-top:34px}
  .stage picture,.stage img{height:300px;border-radius:20px}
  .panel{position:static;width:auto;margin-top:16px;background:var(--card);border:1px solid var(--line)}
  .trust{gap:10px 20px;font-size:14px}
  .block{padding-top:72px}
  .steps,.three{grid-template-columns:1fr;gap:16px}
  .split{grid-template-columns:1fr;gap:28px}.split.rev .txt{order:0}
  .appwin .body{grid-template-columns:1fr}.tree{display:none}
  .photoapp{padding-bottom:0}.bookph{height:260px}
  .appwin.over{position:static;width:auto;transform:none;margin-top:14px}
  .grid{grid-template-columns:1fr;gap:14px}
  .band{padding:64px 0;margin-top:72px}
  .cta{margin:72px 18px 0;padding:46px 20px;border-radius:22px}
  .plans{grid-template-columns:1fr}.plan{padding:26px 22px}
  .btn.big{width:100%;justify-content:center}
  .foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:1/-1}
  .legal{flex-direction:column}
  .langs summary{padding:6px 10px;font-size:13px}
  h1 br,h2 br{display:none}
  h1{font-size:38px;line-height:1.08}
  .legalpage h1{font-size:34px}
  .stage picture,.stage img{object-position:62% center}
  .appwin .body{min-height:0}
  .cal{grid-template-columns:repeat(3,minmax(0,1fr))}.cal div:nth-child(5n+4),.cal div:nth-child(5n+5){display:none}
  .cal span{font-size:11px;padding:3px 6px}
  .aihead{flex-direction:column;gap:2px}
  .aiwin{padding:20px}
  .f{display:grid;grid-template-columns:40px 1fr;column-gap:14px;padding:18px}
  .f i{grid-row:span 2;margin:0}
  .f h3{align-self:end}
  .three>div{display:grid;grid-template-columns:34px 1fr;column-gap:12px}.three i{grid-row:span 2;margin:0;font-size:22px}
  .step{padding:22px}
  .badge{font-size:12px}
}
/* larger phones and small tablets: use the width */
@media (min-width:600px) and (max-width:860px){
  .grid{grid-template-columns:1fr 1fr}
  .three{grid-template-columns:1fr 1fr 1fr}.three>div{display:block}.three i{margin-bottom:10px}
  .cal{grid-template-columns:repeat(5,minmax(0,1fr))}.cal div:nth-child(5n+4),.cal div:nth-child(5n+5){display:block}
  .stage picture,.stage img{height:420px}
  .appwin.over{max-width:560px;margin-inline:auto}
}

/* phone menu (☰) */
.mnav{display:none}
@media (max-width:860px){
  .nav{position:sticky;top:0;z-index:30;background:rgba(251,246,238,.94);backdrop-filter:blur(10px);border-bottom:1px solid transparent}
  .mnav{display:block}
  .mnav summary{list-style:none;cursor:pointer;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--card);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}
  .mnav summary::-webkit-details-marker{display:none}
  .mnav summary span{display:block;width:18px;height:2px;border-radius:2px;background:var(--text);transition:transform .2s,opacity .2s}
  .mnav[open] summary span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .mnav[open] summary span:nth-child(2){opacity:0}
  .mnav[open] summary span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .mmenu{position:absolute;left:0;right:0;top:100%;padding:8px 18px 20px;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(60,40,20,.12);display:flex;flex-direction:column}
  .mmenu a{padding:14px 4px;font-size:17px;font-weight:600;border-bottom:1px solid var(--line)}
  .mmenu a.btn{margin-top:16px;border:0;text-align:center;padding:14px;color:#fff}
  html{scroll-padding-top:80px}
}
:lang(ar) .cal div b{font-size:9.5px;letter-spacing:-.1px}
/* Individual | Teams and team size (owner, October 24, 2026). */
.switches{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:28px}
.switches .period{margin-top:0}
.audience{display:inline-flex;background:#ece6db;border-radius:999px;padding:4px;gap:4px}
.audience button{border:0;background:transparent;cursor:pointer;padding:8px 20px;border-radius:999px;font:600 14px var(--sans);color:var(--muted)}
.audience button[aria-pressed=true]{background:#fff;color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.plans[hidden],.team-note[hidden]{display:none}
.plan .tot{display:block;margin:8px 0 14px;padding:8px 10px;border-radius:10px;background:#eef3f8;color:#2f4566;font-weight:600;font-size:14px}
.team-note{margin-top:14px}

/* The campaign link's discount code (site.js). */
.offer { max-width: 560px; margin: 14px auto 0; padding: 10px 16px; border: 1px solid #b8e0e3; border-radius: 10px; background: #eef8f8; color: #0f4f55; font-size: 15px; line-height: 1.5; }

/* AI credit packs under the plans (October 29, 2026). */
.packs-box{max-width:784px;margin:28px auto 0;padding:24px 28px;background:var(--card);border:1px solid var(--line);border-radius:20px;text-align:start}
.packs-box h3{margin:0 0 4px}.packs-box .sub{margin:0 0 16px}
.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pack{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border:1px solid var(--line);border-radius:14px}
.pack b{font-size:15px}.pack .pack-price{font-size:22px;font-weight:700}.pack small{opacity:.7}
@media (max-width:640px){.packs-box{padding:20px 18px}.packs{grid-template-columns:1fr}}