*{box-sizing:border-box;margin:0;padding:0}
:root{--brand-primary:#2657a4;--brand-primary-strong:#1d457d;--primary:#2657a4;--primary-strong:#1d457d;--action-primary:#2657a4;--action-primary-strong:#1d457d;--secondary:#359a7e;--accent:#ff8a00;--text:#333;--muted:#666;--surface:#fff;--surface-soft:#f7fbfa;--surface-tint:#e7f3ef;--brand-light:#d9ebe6;--brand-light-strong:#c8e4dd;--border:#dce9e5;--shadow:0 24px 70px rgba(38,87,164,.12);--shadow-soft:0 12px 36px rgba(35,111,105,.10);--radius:24px;--header-height:80px}
[data-theme="dark"]{--primary:#8eb9ff;--primary-strong:#6c9bef;--action-primary:#315f9f;--action-primary-strong:#21466f;--secondary:#69d8ba;--accent:#ffb45c;--text:#f5f8fc;--muted:#c4cfdd;--surface:#101827;--surface-soft:#152235;--surface-tint:#1b3347;--brand-light:#17302b;--brand-light-strong:#1b3b34;--border:#35475d;--shadow:0 24px 70px rgba(0,0,0,.32);--shadow-soft:0 12px 36px rgba(0,0,0,.24)}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{font-family:var(--font-family,"Vazirmatn","Segoe UI",sans-serif);background:var(--surface);color:var(--text);line-height:1.75;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}
img{max-width:100%}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Header */
.site-header{position:fixed;inset:0 0 auto;z-index:1200;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);transition:box-shadow .25s ease,background .25s ease}
.site-header.is-scrolled{box-shadow:0 12px 35px rgba(15,23,42,.09)}
.site-header__inner{height:var(--header-height);display:flex;align-items:center;gap:28px}
.site-brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}
.site-brand img{width:46px;height:46px;object-fit:contain}
.site-brand span{display:flex;flex-direction:column;line-height:1.2}
.site-brand strong{font-family:"Dodger",var(--font-family,"Vazirmatn");font-size:1.35rem;color:var(--primary);letter-spacing:.02em}
.site-brand small{font-size:.68rem;color:var(--muted);font-weight:700;margin-top:3px}
.site-brand.compact strong{font-size:1.15rem}
.desktop-navigation{display:flex;align-items:center;justify-content:center;gap:5px;margin-inline:auto}
.desktop-navigation a{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 12px;border-radius:12px;color:var(--text);font-size:.9rem;font-weight:800;transition:.2s ease}
.desktop-navigation a i{font-size:.78rem;color:var(--muted)}
.desktop-navigation a:hover,.desktop-navigation a.active{background:var(--surface-tint);color:var(--primary)}
.desktop-navigation a:hover i,.desktop-navigation a.active i{color:var(--primary)}
.site-header__actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.auth-button{height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 17px;border-radius:13px;background:linear-gradient(135deg,var(--action-primary),var(--action-primary-strong));color:#fff!important;font-size:.88rem;font-weight:900;box-shadow:0 10px 24px rgba(37,87,164,.22);white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease}
.auth-button:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(37,87,164,.28)}
.desktop-theme-button{width:62px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:14px;background:linear-gradient(145deg,#f8fbff,#edf4ff);color:var(--text);cursor:pointer;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;box-shadow:0 8px 22px rgba(38,87,164,.11),inset 0 1px 0 rgba(255,255,255,.92)}
.desktop-theme-button:hover{border-color:color-mix(in srgb,var(--primary) 54%,var(--border));transform:translateY(-2px);box-shadow:0 13px 28px rgba(38,87,164,.18),inset 0 1px 0 rgba(255,255,255,.92)}
.desktop-theme-button>span:last-child{display:none}.desktop-theme-button .theme-weather-icon{width:48px;height:36px;transform:scale(.96);transition:transform .25s ease}.desktop-theme-button:hover .theme-weather-icon{transform:scale(1.06)}
[data-theme="dark"] .desktop-theme-button{border-color:#3d536d;background:linear-gradient(145deg,#19263a,#111b2b);color:#fff;box-shadow:0 10px 26px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)}
[data-theme="dark"] .auth-button,[data-theme="dark"] .auth-button span,[data-theme="dark"] .auth-button i{color:#fff!important}
.language-dropdown{position:relative}
.language-trigger{height:42px;border:1px solid var(--border);background:var(--surface);color:var(--text);display:flex;align-items:center;gap:8px;border-radius:12px;padding:0 10px;cursor:pointer;font-weight:800;font-size:.8rem;transition:.2s ease}
.language-trigger:hover,.language-dropdown.open .language-trigger{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));background:var(--surface-tint)}
.language-trigger>i{font-size:.68rem;color:var(--muted);transition:transform .2s ease}
.language-dropdown.open .language-trigger>i,.language-dropdown.open .language-current>i{transform:rotate(180deg)}
.language-flag-img{display:block;flex:0 0 auto;width:auto;height:20px;max-width:32px;min-width:0;border-radius:3px;box-shadow:0 0 0 1px rgba(15,23,42,.11);image-rendering:auto;filter:none;transform:none}
.language-menu{position:absolute;top:calc(100% + 10px);inset-inline-end:0;width:220px;max-height:360px;overflow:auto;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s ease}
.language-dropdown.open .language-menu{opacity:1;visibility:visible;transform:translateY(0)}
.language-menu a{display:flex;align-items:center;gap:10px;min-height:43px;padding:7px 9px;border-radius:10px;font-size:.82rem;font-weight:750}
.language-menu a span{flex:1}
.language-menu a:hover,.language-menu a.active{background:var(--surface-tint);color:var(--primary)}
.language-menu a>i{font-size:.72rem;color:var(--secondary)}
.mobile-menu-button{display:none;width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:var(--text);font-size:1.2rem;cursor:pointer}
.mobile-menu-overlay{display:none;position:fixed;top:calc(var(--header-height) + 1px);inset-inline:0;bottom:0;background:rgba(7,14,27,.56);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.25s ease;z-index:1201}
.mobile-drawer{display:none;position:fixed;top:calc(var(--header-height) + 1px);bottom:0;width:min(360px,88vw);background:var(--surface);z-index:1202;padding:18px;opacity:0;visibility:hidden;pointer-events:none;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .18s ease,visibility 0s linear .3s;overflow-y:auto;box-shadow:none;will-change:transform}
html[dir="rtl"] .mobile-drawer{right:0;left:auto;transform:translate3d(calc(100% + 36px),0,0);direction:rtl}
html[dir="ltr"] .mobile-drawer{left:0;right:auto;transform:translate3d(calc(-100% - 36px),0,0);direction:ltr}
.mobile-menu-overlay.is-open{opacity:1;visibility:visible}
html[dir="rtl"] .mobile-drawer.is-open,html[dir="ltr"] .mobile-drawer.is-open{transform:translate3d(0,0,0);opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
html[dir="rtl"] .mobile-drawer.is-open{box-shadow:-24px 0 70px rgba(0,0,0,.22)}
html[dir="ltr"] .mobile-drawer.is-open{box-shadow:24px 0 70px rgba(0,0,0,.22)}
.mobile-drawer__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--border)}
.mobile-menu-close{width:42px;height:42px;border:0;border-radius:12px;background:var(--surface-tint);color:var(--text);font-size:1.2rem;cursor:pointer}
.mobile-navigation{display:grid;gap:5px;padding:18px 0}
.mobile-navigation a{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 13px;border-radius:13px;font-weight:850;color:var(--text)}
.mobile-navigation a i{width:24px;text-align:center;color:var(--primary)}
.mobile-navigation a:hover{background:var(--surface-tint)}
.mobile-drawer__tools{display:grid;gap:10px;padding-top:14px;border-top:1px solid var(--border)}
.mobile-language .language-trigger{width:100%;height:52px;justify-content:space-between;border:0;background:var(--surface-soft);padding:0 13px}
.tool-label,.language-current{display:flex;align-items:center;gap:8px}
.tool-label i{color:var(--primary)}
.mobile-language .language-menu{position:static;width:100%;max-height:0;overflow:hidden;padding:0;border:0;box-shadow:none;opacity:1;visibility:visible;transform:none;background:transparent;transition:max-height .28s ease,padding .28s ease}
.mobile-language.open .language-menu{max-height:370px;padding-top:8px}
.mobile-language .language-menu a{background:var(--surface-soft);margin-bottom:4px}
.mobile-theme-button{width:100%;min-height:54px;border:0;background:transparent;color:var(--text);display:flex;align-items:center;gap:12px;padding:0 10px;cursor:pointer;font-weight:900;text-align:start}.mobile-theme-button>span:last-child{font-size:.82rem}
.theme-weather-icon{position:relative;width:42px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.theme-weather-icon i{position:absolute}
.theme-weather-icon .fa-moon{font-size:28px!important;color:#5d6ed6;inset:4px auto auto 6px;z-index:2}
.theme-weather-icon .star-one{font-size:8px!important;color:#f3b63f;inset:3px 4px auto auto;z-index:3}
.theme-weather-icon .star-two{font-size:5px!important;color:#f3b63f;inset:auto 5px 7px auto;z-index:3}
.theme-weather-icon .fa-cloud{font-size:15px!important;color:#8eb4da;inset:auto auto 4px 3px;z-index:1}
.theme-weather-icon .fa-sun{font-size:28px!important;color:#f6b936;inset:2px 3px auto auto;z-index:2}

/* Hero */
.hero-section{min-height:760px;padding:calc(var(--header-height) + 92px) 0 84px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 12% 20%,rgba(53,154,126,.17),transparent 35%),radial-gradient(circle at 88% 18%,rgba(38,87,164,.12),transparent 36%),linear-gradient(135deg,var(--brand-light) 0%,var(--brand-light-strong) 100%)}
.hero-section:before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;border:1px solid color-mix(in srgb,var(--primary) 14%,transparent);inset:auto -260px -260px auto;box-shadow:0 0 0 70px color-mix(in srgb,var(--primary) 4%,transparent),0 0 0 140px color-mix(in srgb,var(--primary) 3%,transparent)}
.hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);gap:74px;align-items:center;position:relative;z-index:1}
.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-size:.82rem;font-weight:950;letter-spacing:.01em}
.section-kicker i,.section-kicker .native-inline-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:color-mix(in srgb,var(--primary) 11%,transparent);flex:0 0 30px}.section-kicker .native-inline-icon svg{width:18px;height:18px;display:block}
.hero-copy h1{font-size:clamp(2.7rem,5vw,4.6rem);line-height:1.18;letter-spacing:-.045em;margin:18px 0 20px;font-weight:950}
.hero-copy h1 em{font-style:normal;color:var(--primary)}
.hero-copy p{max-width:610px;color:var(--muted);font-size:1.08rem;line-height:2;margin-bottom:30px}
.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.primary-action,.secondary-action{min-height:52px;padding:0 22px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:950;transition:.2s ease}
.primary-action{background:linear-gradient(135deg,var(--action-primary),var(--action-primary-strong));color:#fff;box-shadow:0 14px 30px rgba(37,87,164,.23)}
.secondary-action{background:var(--surface);color:var(--text);border:1px solid var(--border)}
.primary-action:hover,.secondary-action:hover{transform:translateY(-2px)}
.hero-documents{min-height:520px;display:flex;align-items:center;justify-content:center;position:relative}
.document-fan{position:relative;width:min(520px,100%);height:455px;perspective:1600px}
.fan-document{position:absolute;inset:28px auto auto 50%;width:275px;height:388px;display:block;transform-origin:50% 92%;transition:transform .35s cubic-bezier(.22,1,.36,1),filter .35s ease;filter:drop-shadow(0 25px 32px rgba(15,23,42,.16))}
.fan-document__paper{display:block;width:100%;height:100%;padding:8px;background:#fff;border-radius:12px;border:1px solid #dbe3ed;overflow:hidden}
.fan-document__paper img{width:100%;height:100%;object-fit:cover;object-position:top;background:#fff;border-radius:7px}
.fan-document-1{z-index:4;transform:translateX(-50%) rotate(-1deg) translateY(2px)}
.fan-document-2{z-index:3;transform:translateX(-84%) rotate(-11deg) translateY(22px)}
.fan-document-3{z-index:2;transform:translateX(-16%) rotate(11deg) translateY(20px)}
.fan-document-4{z-index:1;transform:translateX(-50%) rotate(20deg) translateY(34px)}
.document-fan:hover .fan-document-1{transform:translateX(-50%) rotate(0) translateY(-10px)}
.document-fan:hover .fan-document-2{transform:translateX(-92%) rotate(-15deg) translateY(22px)}
.document-fan:hover .fan-document-3{transform:translateX(-8%) rotate(15deg) translateY(20px)}
.document-fan:hover .fan-document-4{transform:translateX(-50%) rotate(24deg) translateY(38px)}
.mock-document{display:flex;flex-direction:column;align-items:center;height:100%;padding:46px 24px;background:linear-gradient(145deg,#f7fbfa,#e7f3ef);color:#236f69;text-align:center}
.mock-document>i{font-size:3rem;color:var(--primary);margin-bottom:20px}.mock-document b{font-size:1.18rem;margin-bottom:7px}.mock-document small{color:#5f7d75;margin-bottom:34px}.mock-document em{display:block;width:100%;height:8px;background:#d6e9e3;border-radius:10px;margin-bottom:13px}.mock-document em:nth-last-child(1){width:65%}
.hero-documents__caption{position:absolute;bottom:0;display:inline-flex;align-items:center;gap:9px;padding:10px 15px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(12px);border-radius:13px;box-shadow:var(--shadow-soft);font-size:.82rem;font-weight:850;color:var(--muted)}
.hero-documents__caption i{color:var(--primary)}

/* Shared sections */
.landing-seo-services,.languages-section,.feature-section,.samples-section,.plans-section,.about-story,.about-values,.contact-page-section{padding:92px 0}
.landing-seo-services,.feature-section,.plans-section,.about-values{background:var(--surface)}
.languages-section,.samples-section,.about-story,.contact-page-section{background:var(--surface-soft)}
.section-heading{max-width:700px;margin:0 auto 42px;text-align:center}
.section-heading.compact{text-align:start;margin:0 0 34px;max-width:620px}
.section-heading h2,.about-story h2,.contact-page-copy h2{font-size:clamp(1.8rem,3.5vw,2.65rem);line-height:1.35;margin:12px 0 10px;letter-spacing:-.025em}
.section-heading p,.about-story p,.contact-page-copy>p{color:var(--muted);font-size:.96rem}
.document-type-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.document-type-grid :is(a,button){min-height:160px;padding:24px 18px;border:1px solid var(--border);background:var(--surface);border-radius:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;transition:.23s ease;box-shadow:0 8px 28px rgba(15,23,42,.035)}
.document-type-grid :is(a,button)>i{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--primary);background:var(--surface-tint);font-size:1.18rem}
.document-type-grid :is(a,button) span{display:flex;flex-direction:column;gap:3px}.document-type-grid :is(a,button) strong{font-size:1.02rem}.document-type-grid :is(a,button) small{font-size:.76rem;color:var(--muted)}
.document-type-grid :is(a,button):hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--primary) 35%,var(--border));box-shadow:var(--shadow-soft)}
.languages-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;align-items:center}
.language-cloud{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:11px}
.language-chip{min-height:48px;display:inline-flex;align-items:center;gap:9px;padding:7px 13px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 18px rgba(15,23,42,.035)}
.language-chip .language-flag-img{width:auto;height:23px;max-width:37px;min-width:0}.language-chip b{font-size:.82rem}
.feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.feature-grid article{padding:25px 19px;border:1px solid var(--border);border-radius:21px;background:var(--surface);min-height:225px;transition:.22s ease}
.feature-grid article>span{width:48px;height:48px;border-radius:15px;background:var(--surface-tint);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:20px}
.feature-grid h3{font-size:1.03rem;margin-bottom:9px}.feature-grid p{font-size:.82rem;color:var(--muted);line-height:1.9}
.feature-grid article:hover{transform:translateY(-6px);box-shadow:var(--shadow-soft);border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}
.sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.sample-card{overflow:hidden;border:1px solid var(--border);background:var(--surface);border-radius:22px;box-shadow:0 10px 30px rgba(15,23,42,.05);transition:.23s ease}
.sample-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}
.sample-preview{height:325px;display:block;position:relative;overflow:hidden;background:#e9eef5}
[data-theme="dark"] .sample-preview{background:#172438}
.sample-preview img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .45s ease}.sample-card:hover .sample-preview img{transform:scale(1.035)}
.sample-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--primary)}.sample-placeholder i{font-size:2.2rem}
.sample-view{position:absolute;inset:auto auto 13px 13px;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.93);color:#17324f;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(15,23,42,.12)}
.sample-card>div{padding:17px 18px 20px}.sample-card small{color:var(--primary);font-weight:900;font-size:.72rem}.sample-card h3{font-size:1rem;line-height:1.6;margin:5px 0 10px}.sample-author{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.75rem}.sample-author i{color:var(--primary)}
.sample-empty{min-height:210px;border:1px dashed var(--border);border-radius:22px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--muted)}.sample-empty i{font-size:2.2rem;color:var(--primary)}
.simple-plans-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;align-items:stretch}
.simple-plan-card{position:relative;padding:25px 20px 20px;border:1px solid var(--border);border-radius:22px;background:var(--surface);display:flex;flex-direction:column;min-height:440px;box-shadow:0 10px 30px rgba(15,23,42,.045)}
.simple-plan-card.featured{border:2px solid var(--primary);transform:translateY(-8px);box-shadow:0 18px 44px rgba(37,87,164,.16)}
.plan-badge{position:absolute;top:-13px;inset-inline-start:20px;background:var(--action-primary);color:#fff;border-radius:999px;padding:4px 12px;font-size:.7rem;font-weight:900}
.plan-icon{width:48px;height:48px;border-radius:15px;background:var(--surface-tint);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.18rem;margin-bottom:17px}
.simple-plan-card>small{font-size:.72rem;color:var(--muted);font-weight:850}.simple-plan-card h3{font-size:1.2rem;margin:3px 0}.plan-price{font-size:1.35rem;color:var(--primary);margin:7px 0 9px}.simple-plan-card>p{font-size:.78rem;color:var(--muted);min-height:55px}.plan-limits-list{display:grid;gap:7px;margin:13px 0 4px;padding:11px 12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.plan-limits-list span{display:flex;align-items:center;gap:8px;color:var(--text);font-size:.72rem}.plan-limits-list i{width:16px;color:var(--primary);text-align:center}.plan-limits-list b{font-weight:850}.simple-plan-card ul{list-style:none;display:grid;gap:8px;margin:19px 0 22px}.simple-plan-card li{display:flex;align-items:flex-start;gap:7px;font-size:.75rem;color:var(--text)}.simple-plan-card li i{color:var(--secondary);margin-top:5px;font-size:.68rem}
.simple-plan-card form{margin-top:auto;display:flex}.btn-plan{width:100%;min-height:47px;margin-top:auto;border:0;border-radius:13px;background:var(--action-primary);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 15px;font-weight:900;cursor:pointer}.btn-plan i{font-size:.88rem}.btn-plan:hover{background:var(--action-primary-strong)}
.landing-final-cta{padding:36px 0;background:linear-gradient(135deg,var(--action-primary),var(--action-primary-strong));color:#fff}
.landing-final-cta .container{display:flex;align-items:center;gap:18px}.landing-final-cta .container>span{width:54px;height:54px;border-radius:17px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-size:1.35rem}.landing-final-cta .container>div{flex:1}.landing-final-cta h2{font-size:1.35rem}.landing-final-cta p{font-size:.82rem;color:rgba(255,255,255,.75)}.landing-final-cta a{min-height:46px;padding:0 17px;border-radius:13px;background:#fff;color:var(--brand-primary);display:inline-flex;align-items:center;gap:8px;font-weight:900}

/* Inner pages */
.inner-hero{padding:calc(var(--header-height) + 96px) 0 84px;background:radial-gradient(circle at 15% 20%,rgba(53,154,126,.16),transparent 36%),linear-gradient(135deg,var(--brand-light),var(--brand-light-strong));text-align:center}
.inner-hero .container{max-width:790px}.inner-hero h1{font-size:clamp(2.3rem,5vw,4rem);line-height:1.3;margin:16px 0 14px}.inner-hero p{color:var(--muted);font-size:1rem}
.about-story__grid{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.about-story p{line-height:2.1}.about-visual{height:320px;display:flex;align-items:center;justify-content:center;gap:18px;position:relative}.about-visual:before{content:"";position:absolute;width:270px;height:270px;border-radius:50%;background:var(--surface-tint)}.about-visual span{position:relative;width:82px;height:108px;border:1px solid var(--border);border-radius:16px;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.7rem;box-shadow:var(--shadow-soft)}.about-visual span:nth-child(1){transform:rotate(-9deg) translateY(12px)}.about-visual span:nth-child(3){transform:rotate(9deg) translateY(12px)}
.about-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.about-feature-grid article{min-height:190px}
.contact-page-grid{display:grid;grid-template-columns:1fr .85fr;gap:55px;align-items:start}.contact-methods{display:grid;gap:10px;margin-top:27px}.contact-method{min-height:70px;padding:10px 14px;border:1px solid var(--border);background:var(--surface);border-radius:16px;display:flex;align-items:center;gap:12px}.contact-method>i:first-child{width:43px;height:43px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--surface-tint);color:var(--primary);font-size:1.15rem}.contact-method span{display:flex;flex-direction:column;flex:1}.contact-method small{color:var(--muted);font-size:.72rem}.contact-method>i:last-child{color:var(--muted);font-size:.75rem}.contact-method.telegram>i:first-child{color:#229ed9}.contact-method.whatsapp>i:first-child{color:#25d366}.contact-method.bale>i:first-child{color:#1f70c1}.contact-method.ticket>i:first-child{color:var(--accent)}
.contact-info-card{border:1px solid var(--border);border-radius:24px;background:var(--surface);overflow:hidden;box-shadow:var(--shadow-soft)}.contact-info-card>img{width:100%;height:215px;object-fit:contain;background:var(--surface-soft)}.contact-info-card>div{padding:18px;display:grid;gap:13px}.contact-info-card span{display:grid;grid-template-columns:34px 1fr;gap:2px 9px;align-items:center;padding:11px;border-radius:13px;background:var(--surface-soft)}.contact-info-card span>i{grid-row:1/3;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--primary)}.contact-info-card b{font-size:.8rem}.contact-info-card p,.contact-info-card a{font-size:.75rem;color:var(--muted)}

/* Footer */
.site-footer{background:#0b1424;color:#dce6f3;padding-top:62px}
.site-footer__grid{display:grid;grid-template-columns:1.35fr .75fr .85fr 1fr;gap:38px;padding-bottom:45px}
.footer-brand{display:inline-flex;margin-bottom:16px}.footer-brand img{width:170px;height:auto;filter:brightness(0) invert(1);opacity:.92}.footer-brand-block p{color:#9eafc3;font-size:.83rem;max-width:320px}.footer-socials{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.footer-socials a{min-height:39px;padding:0 12px;border-radius:11px;background:rgba(255,255,255,.07);display:inline-flex;align-items:center;gap:7px;font-size:.75rem;font-weight:850}.footer-socials a:hover{background:rgba(255,255,255,.13)}.footer-socials .telegram i{color:#37aee2}.footer-socials .whatsapp i{color:#35d36d}.footer-socials .bale i{color:#5ca5ff}
.footer-link-block{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-link-block h3{display:flex;align-items:center;gap:8px;color:#fff;font-size:.9rem;margin-bottom:9px}.footer-link-block h3 i{color:#76a7ef}.footer-link-block>a,.footer-link-block>span{display:flex;align-items:flex-start;gap:8px;color:#9eafc3;font-size:.76rem;transition:.2s}.footer-link-block>a:hover{color:#fff;transform:translateX(-3px)}[dir="ltr"] .footer-link-block>a:hover{transform:translateX(3px)}.footer-link-block>a i,.footer-link-block>span i{width:17px;color:#6f88a5;margin-top:5px}.footer-trust img{border-radius:10px;background:#fff;padding:4px;margin-top:5px}.site-footer__bottom{border-top:1px solid rgba(255,255,255,.08);padding:17px 0;color:#8294aa;font-size:.72rem}.site-footer__bottom .container{display:flex;align-items:center;justify-content:space-between;gap:15px}.site-footer__bottom i{color:#ef5b72}.site-footer__bottom a{color:#b9d3ff;font-weight:900;text-decoration:underline;text-underline-offset:3px}.site-footer__bottom a:hover{color:#fff}


/* DocMaker 9.7.32 — native feature icons and shared public page shell */
.feature-native-icon svg{width:27px;height:27px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.public-page-main{padding-top:var(--header-height);background:var(--surface);color:var(--text)}
.public-page-shell{min-height:calc(100dvh - var(--header-height));background:linear-gradient(180deg,var(--surface-soft),var(--surface) 320px)}
.public-page-topbar{position:sticky;top:var(--header-height);z-index:80;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(14px)}
.public-page-topbar__inner{min-height:62px;display:flex;align-items:center;gap:12px}
.public-page-topbar .dev-search{flex:1;max-width:650px;margin-inline:auto;color:var(--text);border-color:var(--border);background:var(--surface-soft)}
.public-page-topbar .dev-search input{color:var(--text)}
.public-page-topbar .dev-search input::placeholder{color:var(--muted)}
.public-page-topbar .dev-search i{color:var(--primary)}
.public-page-topbar .dev-nav-toggle{color:var(--text);border:1px solid var(--border);background:var(--surface)}
.public-page-status{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.73rem;font-weight:850;white-space:nowrap}.public-page-status i{width:8px;height:8px;border-radius:50%;background:var(--secondary);box-shadow:0 0 0 4px color-mix(in srgb,var(--secondary) 18%,transparent)}
.public-plans-page-body{background:var(--surface-soft)}
.public-plans-page-body .public-plans-page{min-height:100dvh;padding:calc(var(--header-height) + 45px) 0 70px;background:linear-gradient(180deg,var(--surface-soft),var(--surface))}
.public-plans-page-body .public-plans-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.public-plans-page-body .public-back-home{display:none}
.public-plans-page-body .plans-public-hero,.public-plans-page-body .smart-plan-comparison{border-color:var(--border);background:var(--surface);color:var(--text)}
[data-theme="dark"] .public-page-shell,[data-theme="dark"] .public-plans-page-body .public-plans-page{background:linear-gradient(180deg,var(--surface-soft),var(--surface))}

/* Dark */
[data-theme="dark"] .fan-document__paper{border-color:#263449;background:#fff}
[data-theme="dark"] .mock-document{background:linear-gradient(145deg,#f8fbff,#e8eef7);color:#23436b}
[data-theme="dark"] .sample-view{background:#fff;color:#17324f}
[data-theme="dark"] .site-header{background:rgba(16,24,39,.94)}
[data-theme="dark"] .desktop-navigation a,[data-theme="dark"] .language-trigger,[data-theme="dark"] .language-menu a,[data-theme="dark"] .mobile-navigation a,[data-theme="dark"] .mobile-theme-button,[data-theme="dark"] .mobile-menu-button,[data-theme="dark"] .mobile-menu-close{color:var(--text)}
[data-theme="dark"] .hero-copy p,[data-theme="dark"] .section-heading p,[data-theme="dark"] .document-type-grid p,[data-theme="dark"] .feature-grid p,[data-theme="dark"] .simple-plan-card>p,[data-theme="dark"] .sample-author,[data-theme="dark"] .inner-hero p,[data-theme="dark"] .contact-method small,[data-theme="dark"] .contact-info-card p,[data-theme="dark"] .contact-info-card a{color:var(--muted)}
[data-theme="dark"] .document-type-grid :is(a,button),[data-theme="dark"] .feature-grid article,[data-theme="dark"] .sample-card,[data-theme="dark"] .simple-plan-card,[data-theme="dark"] .contact-method,[data-theme="dark"] .contact-info-card{background:var(--surface);border-color:var(--border)}
[data-theme="dark"] .section-kicker,[data-theme="dark"] .hero-copy h1 em,[data-theme="dark"] .plan-price,[data-theme="dark"] .sample-card small,[data-theme="dark"] .site-brand strong{color:var(--primary)}
[data-theme="dark"] .language-menu,[data-theme="dark"] .mobile-drawer{background:var(--surface);color:var(--text)}

@media(min-width:821px){.mobile-menu-overlay,.mobile-drawer{display:none!important}.desktop-theme-button{display:inline-flex!important}.mobile-theme-button{display:none!important}}

/* Responsive */
@media(max-width:1050px){.desktop-navigation{gap:1px}.desktop-navigation a{padding:0 8px;font-size:.8rem}.desktop-navigation a i{display:none}.hero-grid{grid-template-columns:1fr 1fr;gap:35px}.document-type-grid{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:repeat(3,1fr)}.simple-plans-grid{grid-template-columns:repeat(2,1fr)}.site-footer__grid{grid-template-columns:1.2fr 1fr 1fr}.footer-contact-brief{grid-column:2/4}}
@media(max-width:820px){:root{--header-height:68px}.mobile-menu-overlay,.mobile-drawer{display:block}.desktop-theme-button{display:none!important}.mobile-theme-button{display:flex!important}.container{width:min(100% - 28px,720px)}.site-header__inner{height:68px;gap:8px}.site-brand img{width:41px;height:41px}.site-brand span{display:none}.desktop-navigation,.desktop-language{display:none}.site-header__actions{margin-inline-start:auto;gap:5px}.auth-button{height:42px;padding:0 12px;font-size:.78rem;border-radius:12px}.mobile-menu-button{display:inline-flex;align-items:center;justify-content:center}.hero-section{min-height:auto;padding:118px 0 60px}.hero-grid{grid-template-columns:1fr;gap:34px;text-align:center}.hero-copy p{margin-inline:auto}.hero-actions{justify-content:center}.hero-documents{min-height:430px}.document-fan{height:390px;width:430px;max-width:100%}.fan-document{width:225px;height:318px}.hero-documents__caption{bottom:2px}.languages-layout,.about-story__grid,.contact-page-grid{grid-template-columns:1fr;gap:35px}.section-heading.compact{text-align:center;margin-inline:auto}.sample-grid{grid-template-columns:repeat(2,1fr)}.site-footer__grid{grid-template-columns:1fr 1fr}.footer-contact-brief{grid-column:auto}.landing-final-cta .container{flex-wrap:wrap}.landing-final-cta .container>div{min-width:calc(100% - 80px)}.landing-final-cta a{margin-inline-start:72px}.about-visual{order:-1}.about-feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.container{width:calc(100% - 24px)}.site-header__inner{padding-inline:0}.site-header__actions{gap:3px}.auth-button{padding:0 10px}.auth-button span{font-size:.75rem}.mobile-menu-button{width:40px}.hero-section{padding-top:105px}.hero-copy h1{font-size:2.45rem}.hero-copy p{font-size:.91rem;line-height:1.9}.primary-action,.secondary-action{min-height:49px;padding:0 16px;font-size:.82rem}.hero-documents{min-height:350px}.document-fan{height:325px}.fan-document{width:180px;height:255px;top:20px}.fan-document-2{transform:translateX(-84%) rotate(-11deg) translateY(18px)}.fan-document-3{transform:translateX(-16%) rotate(11deg) translateY(18px)}.fan-document-4{transform:translateX(-50%) rotate(20deg) translateY(26px)}.mock-document{padding:31px 15px}.mock-document>i{font-size:2.1rem;margin-bottom:13px}.mock-document b{font-size:.82rem}.mock-document small{font-size:.58rem;margin-bottom:20px}.mock-document em{height:5px;margin-bottom:8px}.landing-seo-services,.languages-section,.feature-section,.samples-section,.plans-section,.about-story,.about-values,.contact-page-section{padding:68px 0}.section-heading{margin-bottom:30px}.section-heading h2,.about-story h2,.contact-page-copy h2{font-size:1.75rem}.document-type-grid{grid-template-columns:repeat(2,1fr);gap:9px}.document-type-grid :is(a,button){min-height:135px;padding:18px 14px}.document-type-grid :is(a,button):last-child{grid-column:1/3}.feature-grid,.about-feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:auto}.sample-grid{grid-template-columns:1fr}.sample-preview{height:380px}.simple-plans-grid{grid-template-columns:1fr}.simple-plan-card.featured{transform:none}.landing-final-cta .container{align-items:flex-start}.landing-final-cta .container>span{width:46px;height:46px}.landing-final-cta .container>div{min-width:calc(100% - 65px)}.landing-final-cta a{margin:10px 0 0;width:100%;justify-content:center}.site-footer__grid{grid-template-columns:1fr;gap:30px}.site-footer__bottom .container{flex-direction:column;text-align:center}.language-cloud{gap:7px}.language-chip{padding:6px 9px}.language-chip b{font-size:.72rem}.inner-hero{padding:112px 0 65px}.inner-hero h1{font-size:2.2rem}.contact-info-card>img{height:180px}}

/* DocMaker 9.7.32 — centered mobile footer groups with separators */
@media(max-width:580px){
  .site-footer__grid{gap:0;padding-bottom:28px;text-align:center}
  .footer-brand-block,.footer-link-block{width:100%;align-items:center;padding:25px 0}
  .footer-brand-block p{margin-inline:auto}
  .footer-socials{justify-content:center}
  .footer-link-block{position:relative;gap:11px}
  .footer-link-block::before{content:"";position:absolute;inset-inline:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)}
  .footer-link-block h3,.footer-link-block>a,.footer-link-block>span{justify-content:center;text-align:center}
  .footer-link-block>a i,.footer-link-block>span i{margin-top:4px}
  .footer-contact-brief{grid-column:auto}
  .footer-trust{display:flex;justify-content:center;width:100%}
}

/* DocMaker 9.7.32 — flex-first public layout and safe mobile alignment */
.hero-grid{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:74px;
}
.hero-copy{flex:1 1 430px;min-width:0;max-width:610px}
.hero-documents{flex:1 1 500px;min-width:0}

.document-type-grid,
.feature-grid,
.sample-grid,
.simple-plans-grid,
.site-footer__grid,
.languages-layout,
.about-story__grid,
.contact-page-grid,
.about-feature-grid{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}

.document-type-grid{align-items:stretch;gap:14px}
.document-type-grid :is(a,button){
  flex:0 1 210px;
  width:210px;
  max-width:210px;
  min-width:180px;
  align-items:center;
  justify-content:flex-start;
  gap:20px;
  text-align:center;
}
.document-type-grid :is(a,button) span{align-items:center;width:100%}

.languages-layout{align-items:center;gap:55px}
.languages-layout>.section-heading{flex:0 1 390px}
.languages-layout>.language-cloud{flex:1 1 560px}

.feature-grid{align-items:stretch;gap:14px}
.feature-grid article{
  flex:0 1 210px;
  width:210px;
  max-width:210px;
  min-width:180px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.feature-grid article>span,
.feature-grid .feature-native-icon{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  flex:0 0 48px;
  opacity:1;
  visibility:visible;
}
.feature-native-icon svg{
  width:27px;
  height:27px;
  display:block;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.feature-native-icon svg *{fill:none;stroke:currentColor;vector-effect:non-scaling-stroke}

.sample-grid{align-items:stretch;gap:22px}
.sample-card{flex:0 1 365px;width:365px;max-width:100%}
.sample-empty{flex:0 1 100%;width:100%}

.simple-plans-grid{align-items:stretch;gap:15px}
.simple-plan-card{flex:0 1 275px;width:275px;max-width:100%}

.about-story__grid{align-items:center;gap:70px}
.about-story__grid>*{flex:1 1 420px;min-width:0}
.contact-page-grid{align-items:flex-start;gap:55px}
.contact-page-grid>*{flex:1 1 430px;min-width:0}
.about-feature-grid article{flex:0 1 250px;width:250px;max-width:250px}

.site-footer__grid{align-items:flex-start;gap:38px}
.footer-brand-block{flex:1 1 280px}
.footer-link-block{flex:0 1 190px}
.footer-contact-brief{flex:0 1 270px}

@media(max-width:1050px){
  .hero-grid{gap:35px}
  .document-type-grid :is(a,button),.feature-grid article{flex-basis:calc(33.333% - 10px);width:calc(33.333% - 10px);max-width:250px}
  .simple-plan-card{flex-basis:calc(50% - 8px);width:calc(50% - 8px);max-width:360px}
  .site-footer__grid{justify-content:space-between}
}

@media(max-width:820px){
  .hero-grid{flex-direction:column;align-items:stretch;width:100%;gap:34px;text-align:center}
  .hero-copy{
    flex:0 0 auto;
    width:100%;
    max-width:100%;
    min-width:0;
    margin:0;
    padding-inline:0;
    transform:none!important;
    translate:none!important;
    overflow:visible;
    text-align:center;
  }
  .hero-copy>*{max-width:100%;margin-inline:auto}
  .hero-copy h1,.hero-copy p{width:100%;max-width:100%;word-break:normal;overflow-wrap:normal}
  .hero-documents{flex:0 0 auto;width:100%;max-width:100%}
  .languages-layout,.about-story__grid,.contact-page-grid{flex-direction:column;align-items:stretch;gap:35px}
  .languages-layout>.section-heading,.languages-layout>.language-cloud{flex:0 0 auto;width:100%}
  .document-type-grid,.feature-grid{align-items:stretch}
  .document-type-grid :is(a,button){
    flex:0 1 calc(50% - 5px);
    width:calc(50% - 5px);
    max-width:250px;
    min-width:145px;
    align-items:center;
    text-align:center;
  }
  .feature-grid article{
    flex:0 1 min(100%,360px);
    width:min(100%,360px);
    max-width:360px;
    min-width:0;
    align-items:center;
    text-align:center;
  }
  .feature-grid article>span{margin-inline:auto}
  .feature-grid h3,.feature-grid p,.document-type-grid strong,.document-type-grid small{text-align:center}
  .sample-card{flex:0 1 calc(50% - 11px);width:calc(50% - 11px)}
  .site-footer__grid{flex-direction:column;align-items:center;gap:0;text-align:center;padding-bottom:28px}
  .footer-brand-block,.footer-link-block,.footer-contact-brief{
    position:relative;
    flex:0 0 auto;
    width:100%;
    max-width:520px;
    align-items:center;
    padding:25px 0;
    text-align:center;
  }
  .footer-link-block::before,.footer-contact-brief::before{
    content:"";
    position:absolute;
    inset-inline:12%;
    top:0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);
  }
  .footer-link-block h3,.footer-link-block>a,.footer-link-block>span{justify-content:center;text-align:center;width:100%}
  .footer-brand-block p{margin-inline:auto}
  .footer-socials,.footer-trust{justify-content:center;margin-inline:auto}
}

@media(max-width:580px){
  .hero-copy{padding-inline:2px}
  .hero-copy h1{font-size:clamp(2rem,10.8vw,2.45rem);letter-spacing:-.025em}
  .document-type-grid{gap:9px}
  .document-type-grid :is(a,button){min-height:135px;padding:18px 12px}
  .document-type-grid :is(a,button):last-child{grid-column:auto}
  .sample-card{flex-basis:100%;width:100%;max-width:390px}
  .simple-plan-card{flex-basis:100%;width:100%;max-width:360px}
}

@media(max-width:355px){
  .document-type-grid :is(a,button){flex-basis:100%;width:100%;max-width:260px}
}

/* DocMaker 9.7.33 — explicit RTL/LTR drawer edges, reliable native sparkle and dark sample canvas */
.mobile-drawer{max-width:calc(100vw - 20px)}
html[dir="rtl"] .mobile-drawer__head,html[dir="rtl"] .mobile-navigation,html[dir="rtl"] .mobile-drawer__tools{text-align:right}
html[dir="ltr"] .mobile-drawer__head,html[dir="ltr"] .mobile-navigation,html[dir="ltr"] .mobile-drawer__tools{text-align:left}

.native-inline-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.native-inline-icon svg{display:block;width:1em;height:1em}.plans-public-hero .native-sparkles-icon{width:20px;height:20px;margin-inline-end:4px;color:var(--primary)}

/* 9.7.58: selectable document-type cards never navigate away from the landing page. */
.document-type-grid .document-type-card{
  appearance:none;
  font:inherit;
  color:inherit;
  cursor:pointer;
}
.document-type-grid .document-type-card.is-selected,
.document-type-grid .document-type-card[aria-pressed="true"]{
  border-color:color-mix(in srgb,var(--primary) 58%,var(--border));
  background:color-mix(in srgb,var(--surface-tint) 72%,var(--surface));
  box-shadow:0 14px 34px color-mix(in srgb,var(--primary) 15%,transparent);
}
.document-type-grid .document-type-card:focus-visible{
  outline:3px solid color-mix(in srgb,var(--primary) 30%,transparent);
  outline-offset:3px;
}
.site-footer__bottom .container{
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  gap:7px!important;
}