@font-face{font-family:Cairo;src:url('/tool/fonts/cairo-arabic.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:Cairo;src:url('/tool/fonts/cairo-latin.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#f6f8fc;--card:#fff;--text:#192c50;--muted:#6b7890;--line:#e4e9f2;--blue:#2858e7;--soft:#f0f4ff;--surface:var(--card);--surface2:var(--soft);--accent:var(--blue);--accent2:#214cce;--hero:var(--bg);--shadow:0 4px 20px #263d6a05;font-family:Cairo,'Segoe UI',Tahoma,sans-serif}
html[data-theme=dark]{color-scheme:dark;--bg:#111827;--card:#1a2435;--text:#e7edf8;--muted:#a5b3ca;--line:#344156;--blue:#83a5ff;--soft:#263751;--surface:var(--card);--surface2:var(--soft);--accent:#365fd7;--accent2:#4874ed;--hero:var(--bg);--shadow:0 4px 20px #0002}
[hidden]{display:none!important}body{font:14px/1.7 Cairo,'Segoe UI',Tahoma,sans-serif}button,input,select,textarea{font-family:inherit}a,button,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #a5baff;outline-offset:3px}
.app-header{position:sticky;top:0;z-index:100;min-height:76px;background:var(--card);color:var(--text);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;padding:12px max(32px,calc((100vw - 1440px)/2));font-size:14px;line-height:1.7}
.app-brand{display:flex;align-items:center;gap:11px;direction:ltr;text-decoration:none;color:var(--text);flex-shrink:0}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#244dce;box-shadow:0 3px 8px #2858e72b;color:white;font:800 26px Arial,sans-serif}.app-brand strong{font-size:22px;font-family:'Segoe UI',Arial,sans-serif;letter-spacing:-.7px;white-space:nowrap}
.app-nav{display:flex;gap:7px;margin-inline-start:20px;align-items:center}.app-nav a{font-size:13px;font-weight:600;color:var(--muted);border-radius:9px;padding:9px 14px;text-decoration:none;white-space:nowrap}.app-nav a.active,.app-nav a:hover{color:var(--blue);background:var(--soft)}
.header-user{margin-inline-start:auto;display:flex;gap:12px;align-items:center;min-width:0}.header-account{display:flex;align-items:center;gap:7px;min-width:0}.header-loading{font-size:11px;color:var(--muted)}.header-action{display:flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;border-radius:8px;padding:8px 12px;min-height:36px;font:600 12px/1.5 Cairo,sans-serif;cursor:pointer}.header-action.primary{background:#2858e7;color:#fff;border:1px solid #2858e7}.header-action.secondary{background:var(--card);color:var(--text);border:1px solid var(--line)}
.theme-toggle{display:flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--text);padding:8px 10px;font:400 12px/1.5 Cairo,sans-serif}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.theme-toggle .icon{width:17px;height:17px}
.header-account-menu{position:relative}.header-account-menu summary{display:flex;align-items:center;gap:8px;padding:4px 7px;border:1px solid var(--line);border-radius:10px;cursor:pointer;list-style:none;background:var(--card);min-height:40px}.header-account-menu summary::-webkit-details-marker{display:none}.header-avatar{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border-radius:50%;background:var(--soft);color:var(--blue);font-size:11px;font-weight:700}.header-account-name{font-size:12px;font-weight:600;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-account-chevron{font-size:18px;color:var(--muted)}.header-account-panel{position:absolute;inset-inline-end:0;top:calc(100% + 12px);width:min(290px,calc(100vw - 32px));padding:17px;background:var(--card);border:1px solid var(--line);box-shadow:0 12px 35px #0002;border-radius:12px;z-index:50;line-height:1.7;text-align:start}.header-account-panel>b{display:block;font-size:14px;overflow-wrap:anywhere}.header-account-email,.header-account-phone{display:block;font-size:12px;color:var(--muted);margin-top:3px;overflow-wrap:anywhere;text-align:start}.header-account-links{display:grid;gap:4px;margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}.header-account-links a,.header-account-links button{text-align:start;display:block;background:transparent;color:var(--text);padding:8px;border:0;border-radius:6px;font:400 12px Cairo,sans-serif;cursor:pointer;text-decoration:none}.header-account-links a:hover,.header-account-links button:hover{background:var(--soft)}#headerLogout{color:#bc4b62}.header-account-status{font-size:11px;color:#bc4b62;margin:6px 0 0}.header-account-status:empty{display:none}
.home-page .wrap{width:min(1440px,calc(100% - 64px))}.home-page .hero{color:var(--text);border:0}.home-page .hero-grid{padding:48px 0;gap:56px;min-height:410px;grid-template-columns:1.1fr .9fr}.home-page .hero h1{font-size:clamp(32px,3vw,46px);line-height:1.55;letter-spacing:-.8px;max-width:710px}.home-page .hero h1 em{color:var(--blue)}.home-page .hero p{color:var(--muted);font-size:14px;max-width:630px}.home-page .hero .eyebrow{color:var(--blue)}.home-page .proof{color:var(--muted)}.home-page .hero-actions{margin-top:22px}.home-page .hero-actions .quiet{color:var(--muted)}.home-page .feature-strip{background:transparent;border:0}.home-page .feature-grid{gap:14px}.home-page .feature-grid article{border:1px solid var(--line);background:var(--card);padding:20px;border-radius:14px}.home-page .feature-grid article:last-child{border:1px solid var(--line)}.home-page .feature-grid h3{font-size:14px}.home-page .feature-grid p{font-size:12px}.home-page .example,.home-page .account-box{border-radius:14px;box-shadow:var(--shadow)}.home-page .example{padding:13px}.home-page .slide{border-radius:8px}.home-page .section-head p{font-size:13px}.home-page .pricing{background:var(--bg)}.home-page .pricing-grid{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px;gap:36px}.home-page .pricing li{font-size:13px}.home-page .footer-inner{font-size:12px}.home-page .hero-visual{min-width:0}.home-page .screen-label{font-size:12px}.auth-card,.account{border-radius:18px;box-shadow:var(--shadow)}.auth-card input{width:100%;min-width:0;background:var(--bg);color:var(--text);border-color:var(--line)}.auth-card form button[type=submit]{background:#2858e7;color:#fff;border:0;border-radius:9px;padding:12px;font:600 14px Cairo,sans-serif;cursor:pointer}.auth-card form button:disabled{opacity:.6}
@media(max-width:1150px){.app-header{gap:15px;padding:12px 24px}.app-nav{margin-inline-start:0}.app-nav a{padding:8px 10px;font-size:12px}.header-user{gap:8px}.home-page .tablet{width:360px}.home-page .hero-grid{gap:24px}.app-header .ai-state{display:none}}
@media(max-width:960px){.app-header{flex-wrap:wrap;padding:12px 18px}.app-brand strong{font-size:20px}.app-nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:8px}.home-page .wrap{width:calc(100% - 36px)}.home-page .hero-grid{grid-template-columns:1fr;padding:32px 0}.home-page .hero-visual{width:min(660px,100%);margin:auto}.home-page .hero-copy{max-width:100%}.home-page .feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.app-header{gap:10px;padding:10px 12px}.app-brand strong{font-size:18px}.brand-mark{width:33px;height:33px;font-size:23px}.header-user{gap:7px}.theme-toggle{padding:7px;font-size:11px}.theme-toggle .icon{width:15px;height:15px}.header-action{font-size:11px;padding:7px 8px;min-height:32px}.header-account-name{max-width:110px;font-size:11px}.header-account-panel{inset-inline-end:0}.home-page .wrap{width:calc(100% - 24px)}.home-page .hero h1{font-size:30px}.home-page .hero p{font-size:13px}.home-page .hero-visual{min-height:270px;transform:none;margin:0;overflow:hidden}.home-page .tablet{width:85%;right:0;top:30px;padding:7px}.home-page .screen{padding:12px}.home-page .screen h3{font-size:12px}.home-page .paper-stack{left:0;transform:scale(.7);transform-origin:left top}.home-page .flow-line{display:none}.home-page .screen-label{left:-14px}.home-page .screen .math{font-size:18px}.home-page .feature-grid,.home-page .example-grid{grid-template-columns:1fr}.home-page .pricing-grid{padding:20px}.home-page .pricing h2{font-size:24px}.home-page .section-head h2{font-size:24px}}
@media(max-width:460px){.app-header .header-user{margin-inline-start:0;flex:1;justify-content:flex-end}.app-header:has(.header-action) .header-user{width:100%;flex-basis:100%;justify-content:space-between}.header-account-menu summary{padding:4px}.header-avatar{width:25px;height:25px}.header-account-name{max-width:85px}.app-brand{gap:7px}.app-brand strong{font-size:17px}.theme-toggle span{display:none}.header-account-panel{width:min(290px,calc(100vw - 24px))}}
@media(max-width:380px){.header-account-name{max-width:55px}.header-account-menu summary{gap:5px;padding:3px}.app-header{gap:8px}.header-user{gap:5px}.app-brand strong{font-size:16px}}

.app-header{box-shadow:0 8px 28px #1020440b;isolation:isolate}.app-header .header-task-progress{position:relative;z-index:1;top:auto;left:auto;transform:none;order:4;flex:1 0 100%;width:100%;max-width:none;margin:0;padding:6px 10px 7px;border-radius:8px;box-shadow:none;background:var(--bg);backdrop-filter:none}.app-header .header-task-progress .task-progress-copy{font-size:10px}.app-header .header-task-progress .task-progress-track{height:5px;margin-top:5px}.app-header .header-task-progress>small{margin-top:3px;min-height:11px;font-size:8px}.app-header:has(.header-task-progress:not([hidden])){flex-wrap:wrap;row-gap:7px}
.header-wallet-chip{display:flex;align-items:center;gap:7px;min-height:40px;padding:5px 10px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--text);text-decoration:none;white-space:nowrap}.header-wallet-chip span{font-size:9px;color:var(--muted)}.header-wallet-chip b{font-size:12px;color:var(--blue)}.header-wallet-chip:hover{border-color:color-mix(in srgb,var(--blue) 45%,var(--line))}
@media(max-width:960px){.app-header{top:0}.app-header .header-task-progress{order:5}.header-wallet-chip{min-height:36px;padding:4px 8px}.header-wallet-chip span{display:none}.header-wallet-chip b{font-size:11px}}
@media(max-width:460px){.header-wallet-chip{padding:4px 7px}.header-wallet-chip b{font-size:10px}}

/* Shared canonical brand logo */
.app-brand.site-brand-link{display:flex;align-items:center;min-width:0;direction:ltr}
.app-brand .site-brand-logo{display:block;width:190px;height:46px;object-fit:contain;object-position:left center;transition:filter .18s ease,opacity .18s ease}
@media(max-width:680px){.app-brand .site-brand-logo{width:145px;height:38px}}

html[data-theme=dark] .app-brand .site-brand-logo{filter:brightness(0) invert(1);opacity:.96}

html[data-theme=dark] .site-brand-link img{filter:brightness(0) invert(1)!important;opacity:.96}