@font-face{font-family:Peyda;font-weight:300;font-style:normal;font-display:swap;src:url(/assets/fonts/peyda-light.woff2)format("woff2")}@font-face{font-family:Peyda;font-weight:400;font-style:normal;font-display:swap;src:url(/assets/fonts/peyda-regular.woff2)format("woff2")}@font-face{font-family:Peyda;font-weight:700;font-style:normal;font-display:swap;src:url(/assets/fonts/peyda-bold.woff2)format("woff2")}@font-face{font-family:Peyda;font-weight:900;font-style:normal;font-display:swap;src:url(/assets/fonts/peyda-black.woff2)format("woff2")}:root{--ink:#0a1733;--ink-2:#14235a;--cobalt:#2450ff;--cobalt-soft:#8ea8ff;--saffron:#ffb22e;--ok:#0e9f6e;--warn:#b45309;--paper:#f4f6fb;--surface:#fff;--surface-2:#eaeffb;--line:#d9dfee;--text:#1b2540;--muted:#55607c;--link:#1d43e0;--font:"Peyda","Vazirmatn","Segoe UI",Tahoma,system-ui,-apple-system,sans-serif;--fs-0:.875rem;--fs-1:1rem;--fs-2:1.0625rem;--fs-3:1.25rem;--fs-4:1.5rem;--fs-5:clamp(1.6rem,1.2rem + 1.6vw,2.25rem);--fs-6:clamp(2.1rem,1.4rem + 3vw,3.6rem);--fs-7:clamp(2.4rem,1.2rem + 4.6vw,4.75rem);--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:4.5rem;--s9:7rem;--r-sm:8px;--r-md:14px;--r-lg:22px;--r-pill:999px;--shadow-1:0 1px 2px #0a17330f,0 4px 14px #0a17330f;--shadow-2:0 2px 4px #0a173314,0 18px 44px #0a173324;--maxw:1180px;--prose:68ch;--ease:cubic-bezier(.2,.7,.2,1)}:root[data-theme=dark]{--paper:#0a1128;--surface:#111b3a;--surface-2:#18255a;--line:#24305c;--text:#e8ecfa;--muted:#a3aecf;--link:#8ea8ff;--shadow-1:0 1px 2px #0006;--shadow-2:0 18px 44px #00000073}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-block-start:84px}body{background:var(--paper);color:var(--text);font-family:var(--font);font-size:var(--fs-2);text-rendering:optimizeLegibility;margin:0;font-weight:400;line-height:1.95}html[lang=en]{--font:"Inter","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif}html[lang=en] body{line-height:1.7}html[lang=en] :is(h1,h2,h3,h4,h5,.btn,.brand,b,strong){font-weight:800}img,svg,video{max-width:100%;height:auto;display:block;object-fit:contain!important;box-shadow:none!important}a{color:var(--link);text-underline-offset:.22em;text-decoration:none}a:hover{text-decoration-thickness:2px}h1,h2,h3,h4,h5{margin:0 0 var(--s4);color:inherit;text-wrap:balance;font-weight:900;line-height:1.35}html[lang=en] :is(h1,h2,h3,h4,h5){letter-spacing:-.02em;line-height:1.15}p{margin:0 0 var(--s4);text-align:justify}ul,ol{margin:0 0 var(--s4);padding-inline-start:1.4em}:focus-visible{outline:3px solid var(--saffron);outline-offset:3px;border-radius:4px}::selection{background:var(--saffron);color:var(--ink)}.skip{background:var(--saffron);color:var(--ink);padding:var(--s2)var(--s4);border-radius:var(--r-sm);z-index:100;font-weight:700;position:absolute;inset-block-start:-100px;inset-inline-start:var(--s4)}.skip:focus{inset-block-start:var(--s3)}.wrap{width:min(100% - 2*var(--s5),var(--maxw));margin-inline:auto}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}.btn{align-items:center;gap:var(--s2);border-radius:var(--r-pill);min-height:48px;font:inherit;font-weight:700;font-size:var(--fs-1);cursor:pointer;transition:transform .18s var(--ease),background-color .18s,color .18s,border-color .18s;border:2px solid #0000;padding:.55rem 1.4rem;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none;transform:translateY(-2px)}.btn svg{flex:none;width:1.15em;height:1.15em}[dir=rtl] .btn .arr{transform:scaleX(-1)}.btn-primary{background:var(--saffron);color:var(--ink)}.btn-primary:hover{background:#ffc252}.btn-blue{background:var(--cobalt);color:#fff}.btn-blue:hover{background:#3d63ff}.btn-ghost{color:inherit;background:0 0;border-color:currentColor}.btn-ghost:hover{background:#ffffff1a}.btn-line{border-color:var(--line);color:var(--text);background:var(--surface)}.btn-line:hover{border-color:var(--cobalt)}.site-header{z-index:50;background:color-mix(in srgb,var(--ink)94%,transparent);backdrop-filter:saturate(1.4)blur(10px);color:#fff;border-block-end:1px solid #ffffff14;position:sticky;inset-block-start:0}.site-header .wrap{align-items:center;gap:var(--s5);min-height:68px;display:flex}.brand{align-items:center;gap:var(--s3);color:#fff;white-space:nowrap;font-size:1.2rem;font-weight:900;text-decoration:none;display:flex}.brand:hover{text-decoration:none}.brand img{width:38px;height:38px}.nav{gap:var(--s1);align-items:center;margin-inline-start:auto;display:flex}.nav a{color:#ffffffd1;border-radius:var(--r-pill);padding:.4rem .85rem;font-size:.97rem;font-weight:400;text-decoration:none}.nav a:hover{color:#fff;background:#ffffff17}.nav a[aria-current=page]{color:var(--ink);background:#fff;font-weight:700}.hdr-tools{align-items:center;gap:var(--s2);display:flex}.icon-btn{color:#fff;cursor:pointer;width:42px;height:42px;font:inherit;background:0 0;border:1px solid #ffffff38;border-radius:50%;place-items:center;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-grid}.icon-btn:hover{background:#ffffff1f;text-decoration:none}.icon-btn svg{width:19px;height:19px}.theme-btn .moon,:root[data-theme=dark] .theme-btn .sun{display:none}:root[data-theme=dark] .theme-btn .moon{display:block}.menu-btn{display:none}@media (width<=520px){.brand{gap:var(--s2);font-size:1rem}.brand img{width:32px;height:32px}.icon-btn{width:38px;height:38px}.hdr-tools{gap:6px}.site-header .wrap{gap:var(--s3)}}@media (width<=900px){.menu-btn{display:inline-grid}.nav{padding:var(--s3)var(--s5)var(--s5);background:var(--ink);opacity:0;visibility:hidden;transition:.2s var(--ease);border-block-end:1px solid #ffffff1a;flex-direction:column;align-items:stretch;gap:0;margin:0;position:fixed;inset:68px 0 auto;transform:translateY(-8px)}.nav.open{opacity:1;visibility:visible;transform:none}.nav a{border-block-end:1px solid #ffffff14;border-radius:0;padding:.9rem .5rem;font-size:1.05rem}.hdr-cta{display:none}.hdr-tools{margin-inline-start:auto}}.hero{background:var(--ink);color:#fff;isolation:isolate;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background:radial-gradient(900px 520px at 85% -10%,#2450ff8c,#0000 60%),radial-gradient(700px 420px at 0 110%,#ffb22e29,#0000 60%);position:absolute;inset:0}.hero:after{content:"";z-index:-1;opacity:.35;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;mask-image:linear-gradient(#000,#0000 85%)}:root[data-theme=dark] .hero{background:#070d20}.hero-grid{gap:var(--s7);padding-block:var(--s8)var(--s9);grid-template-columns:1.05fr .95fr;align-items:center;display:grid}.hero h1{font-size:var(--fs-7);letter-spacing:-.01em;margin-block-end:var(--s5);font-weight:900}.hero h1 .hl{color:#fff;background:linear-gradient(#0000 62%,#ffb22ee6 62% 92%,#0000 92%);padding-inline:.12em}.hero .lead{font-size:var(--fs-3);color:#ffffffd1;max-width:36ch;margin-block-end:var(--s6);line-height:1.85}html[lang=en] .hero .lead{max-width:42ch;line-height:1.55}.hero-cta{gap:var(--s3);flex-wrap:wrap;display:flex}.hero-facts{gap:var(--s2)var(--s5);margin:var(--s6)0 0;color:#ffffffb8;font-size:var(--fs-0);flex-wrap:wrap;padding:0;list-style:none;display:flex}.hero-facts li{align-items:center;gap:var(--s2);display:flex}.hero-facts svg{width:16px;height:16px;color:var(--saffron)}.stage{padding-block:var(--s5);position:relative}.browser{background:var(--surface);color:var(--text);border-radius:var(--r-lg);box-shadow:var(--shadow-2);direction:ltr;border:1px solid #ffffff1f;overflow:hidden}.browser-bar{align-items:center;gap:var(--s2);background:var(--surface-2);border-block-end:1px solid var(--line);padding:.7rem 1rem;display:flex}.browser-bar i{background:#ff6159;border-radius:50%;width:11px;height:11px}.browser-bar i:nth-child(2){background:#ffbd2e}.browser-bar i:nth-child(3){background:#28c941}.browser-bar span{color:var(--muted);background:var(--surface);border-radius:var(--r-pill);white-space:nowrap;text-overflow:ellipsis;flex:1;margin-inline-start:var(--s3);padding:.2rem .8rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.78rem;overflow:hidden}.browser img{aspect-ratio:1;object-fit:cover;object-position:60% 25%;width:100%}.serp{background:var(--surface);color:var(--text);border-radius:var(--r-md);padding:var(--s4)var(--s5);box-shadow:var(--shadow-2);border:1px solid var(--line);direction:ltr;font-family:Arial,Helvetica,sans-serif;line-height:1.4;position:absolute;inset-block-end:-2%;inset-inline:-4%}.serp .u{align-items:center;gap:var(--s2);color:#4d5156;font-size:.8rem;display:flex}.serp .u img{background:var(--surface-2);border-radius:50%;width:22px;height:22px;padding:2px}[data-theme=dark] .serp .u{color:#b8bfd6}.serp .t{color:#1a0dab;margin:.25rem 0 .15rem;font-size:1.18rem;display:block}[data-theme=dark] .serp .t{color:#8ab4f8}.serp .d{color:#4d5156;font-size:.86rem}[data-theme=dark] .serp .d{color:#b8bfd6}.serp .badge{color:var(--ok);background:color-mix(in srgb,var(--ok)12%,transparent);border-radius:var(--r-pill);align-items:center;gap:.35rem;margin-block-start:.5rem;padding:.15rem .6rem;font-size:.74rem;font-weight:700;display:inline-flex}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (width<=900px){.hero-grid{padding-block:var(--s7)var(--s8);grid-template-columns:1fr}.stage{width:100%;max-width:460px;margin-inline:auto}}.section{padding-block:var(--s9)}.section.tight{padding-block:var(--s8)}.section.alt{background:var(--surface-2)}.section-head{max-width:46rem;margin-block-end:var(--s7)}.section-head h2{font-size:var(--fs-6);margin-block-end:var(--s3)}.section-head p{color:var(--muted);font-size:var(--fs-3);margin:0}.split{gap:var(--s8);grid-template-columns:.85fr 1.15fr;align-items:start;display:grid}@media (width<=900px){.split{gap:var(--s6);grid-template-columns:1fr}.section{padding-block:var(--s8)}}.pillars{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);grid-template-columns:repeat(3,1fr);gap:0;display:grid;overflow:hidden}.pillar{padding:var(--s6);border-inline-end:1px solid var(--line)}.pillar:last-child{border-inline-end:0}.pillar h3{font-size:var(--fs-4);margin-block-end:var(--s2)}.pillar p{color:var(--muted);margin:0}.pillar .tag{font-weight:700;font-size:var(--fs-0);color:var(--cobalt);background:color-mix(in srgb,var(--cobalt)10%,transparent);border-radius:var(--r-pill);margin-block-end:var(--s4);padding:.1rem .8rem;display:inline-block}:root[data-theme=dark] .pillar .tag{color:var(--cobalt-soft)}@media (width<=900px){.pillars{grid-template-columns:1fr}.pillar{border-inline-end:0;border-block-end:1px solid var(--line)}.pillar:last-child{border-block-end:0}}.svc-list{border-block-start:1px solid var(--line);margin:0;padding:0;list-style:none}.svc-list li{border-block-end:1px solid var(--line)}.svc-row{gap:var(--s5);padding:var(--s5)var(--s3);color:inherit;transition:background-color .2s,padding .2s var(--ease);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) auto;align-items:center;text-decoration:none;display:grid}.svc-row:hover{background:var(--surface);padding-inline:var(--s5);text-decoration:none}.svc-row h3{font-size:var(--fs-4);margin:0}.svc-row p{color:var(--muted);font-size:var(--fs-1);margin:0}.svc-row .go{border:1px solid var(--line);width:44px;height:44px;color:var(--cobalt);border-radius:50%;place-items:center;transition:all .2s;display:grid}[dir=rtl] .svc-row .go svg{transform:scaleX(-1)}.svc-row .go svg{width:18px;height:18px}.svc-row:hover .go{background:var(--cobalt);color:#fff;border-color:var(--cobalt)}@media (width<=760px){.svc-row{grid-template-columns:1fr auto}.svc-row p{grid-area:2/1/auto/2}.svc-row .go{grid-area:1/2/3}}.steps{counter-reset:s;gap:var(--s5);grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;border-block-start:3px solid var(--ink);padding-block-start:var(--s6);position:relative}:root[data-theme=dark] .steps li{border-color:var(--cobalt-soft)}.steps li:before{content:counter(s);background:var(--saffron);width:2.2rem;height:2.2rem;color:var(--ink);border-radius:50%;place-items:center;font-weight:900;display:grid;position:absolute;inset-block-start:-1.6rem;inset-inline-start:0}.steps h3{font-size:var(--fs-3);margin-block-end:var(--s2)}.steps p{color:var(--muted);font-size:var(--fs-1);margin:0}@media (width<=900px){.steps{row-gap:var(--s7);grid-template-columns:1fr 1fr}}@media (width<=520px){.steps{grid-template-columns:1fr}}.work-grid{gap:var(--s5);grid-template-columns:repeat(12,1fr);display:grid}.work{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--line);color:inherit;flex-direction:column;grid-column:span 6;text-decoration:none;display:flex;overflow:hidden}.work:hover{border-color:var(--cobalt);text-decoration:none}.work img{aspect-ratio:16/10;object-fit:cover;width:100%;transition:transform .5s var(--ease)}.work .shot{overflow:hidden}.work .meta{padding:var(--s5)}.work h3{font-size:var(--fs-3);margin-block-end:var(--s1)}.work p{color:var(--muted);font-size:var(--fs-1);margin:0}@media (width<=900px){.work,.work:first-child{grid-column:1/-1}}.portrait{border-radius:var(--r-lg);box-shadow:var(--shadow-2);aspect-ratio:1;overflow:hidden}.portrait img{object-fit:cover;width:100%;height:100%}.chips{gap:var(--s2);margin:var(--s5)0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.chips li{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-pill);font-size:var(--fs-1);padding:.25rem .9rem;font-weight:700}.post-grid{gap:var(--s5);grid-template-columns:repeat(auto-fill,minmax(290px,1fr));display:grid}.post{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);color:inherit;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.post:hover{border-color:var(--cobalt);box-shadow:var(--shadow-1);text-decoration:none}.post img{aspect-ratio:16/8;object-fit:cover;width:100%}.post .body{padding:var(--s5);flex-direction:column;flex:1;display:flex}.post h3{font-size:var(--fs-3);margin-block-end:var(--s2)}.post p{color:var(--muted);font-size:var(--fs-1);flex:1;margin-block-end:var(--s4)}.post .more{color:var(--link);font-weight:700;font-size:var(--fs-1)}.cta-band{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:var(--s8)var(--s7);gap:var(--s6);isolation:isolate;grid-template-columns:1.4fr 1fr;align-items:center;display:grid;position:relative;overflow:hidden}.cta-band:before{content:"";z-index:-1;background:radial-gradient(600px 300px at 100% 0,#2450ff99,#0000 65%);position:absolute;inset:0}.cta-band h2{font-size:var(--fs-6);margin-block-end:var(--s3)}.cta-band p{color:#fffc;font-size:var(--fs-3);margin:0}.cta-actions{gap:var(--s3);flex-wrap:wrap;justify-content:flex-end;display:flex}@media (width<=900px){.cta-band{padding:var(--s7)var(--s5);grid-template-columns:1fr}.cta-actions{justify-content:flex-start}}.page-head{background:var(--ink);color:#fff;padding-block:var(--s7)var(--s8);isolation:isolate;position:relative;overflow:hidden}.page-head:before{content:"";z-index:-1;background:radial-gradient(700px 320px at 100% 0,#2450ff80,#0000 65%);position:absolute;inset:0}:root[data-theme=dark] .page-head{background:#070d20}.crumbs{gap:var(--s2);margin:0 0 var(--s5);font-size:var(--fs-0);color:#ffffffb3;flex-wrap:wrap;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"/";opacity:.5;margin-inline-end:var(--s2)}.crumbs a{color:#ffffffd9}.page-head h1{font-size:var(--fs-6);max-width:22ch;margin-block-end:var(--s4)}html[lang=fa] .page-head h1{max-width:26ch}.page-head .lead{font-size:var(--fs-3);color:#ffffffd1;max-width:52ch;margin:0}.prose{max-width:var(--prose)}.prose h2{font-size:var(--fs-5);margin-block:var(--s7)var(--s3)}.prose h2:first-child{margin-block-start:0}.prose h3{font-size:var(--fs-3);margin-block:var(--s5)var(--s2)}.prose li{margin-block-end:var(--s2)}.checks{padding:0;list-style:none}.checks li{padding-inline-start:2rem;position:relative}.checks li:before{content:"";background:var(--ok)url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/70% no-repeat;border-radius:50%;width:1.15rem;height:1.15rem;position:absolute;inset-block-start:.55em;inset-inline-start:0}.aside-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5);box-shadow:var(--shadow-1);position:sticky;inset-block-start:96px}.aside-card h3{font-size:var(--fs-3)}.aside-card p{color:var(--muted);font-size:var(--fs-1)}.aside-card .btn{width:100%;justify-content:center;margin-block-start:var(--s2)}.content-split{gap:var(--s8);grid-template-columns:minmax(0,1fr) 340px;align-items:start;display:grid}.content-split>*{min-width:0}@media (width<=980px){.content-split{grid-template-columns:minmax(0,1fr)}.aside-card{position:static}}.faq details{border-block-end:1px solid var(--line);padding-block:var(--s4)}.faq details:first-of-type{border-block-start:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:700;font-size:var(--fs-3);justify-content:space-between;gap:var(--s4);align-items:center;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--cobalt);transition:transform .2s var(--ease);font-size:1.6rem;line-height:1}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{margin:var(--s3)0 0;color:var(--muted)}.timeline{border-inline-start:3px solid var(--line);margin:0;padding:0;list-style:none}.timeline li{padding-block-end:var(--s5);padding-inline-start:var(--s5);position:relative}.timeline li:before{content:"";background:var(--saffron);border:3px solid var(--paper);border-radius:50%;width:15px;height:15px;position:absolute;inset-block-start:.7em;inset-inline-start:-9px}.timeline b{font-weight:900;display:block}.skill-grid{gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin:0;padding:0;list-style:none;display:grid}.skill-grid li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s4)var(--s5)}.skill-grid b{font-weight:900;display:block}.skill-grid span{color:var(--muted);font-size:var(--fs-1)}.contact-grid{gap:var(--s8);grid-template-columns:.9fr 1.1fr;align-items:start;display:grid}@media (width<=900px){.contact-grid{grid-template-columns:1fr}}.contact-list{margin:0 0 var(--s6);padding:0;list-style:none}.contact-list li{gap:var(--s4);padding:var(--s4)0;border-block-end:1px solid var(--line);align-items:center;display:flex}.contact-list svg{width:22px;height:22px;color:var(--cobalt);flex:none}:root[data-theme=dark] .contact-list svg{color:var(--cobalt-soft)}.contact-list small{color:var(--muted);line-height:1.4;display:block}.contact-list a{font-weight:700}.form{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s6);box-shadow:var(--shadow-1)}.field{margin-block-end:var(--s4)}.field label{margin-block-end:var(--s1);font-weight:700;display:block}.field input,.field select,.field textarea{width:100%;font:inherit;color:var(--text);background:var(--paper);border:1.5px solid var(--line);border-radius:var(--r-sm);min-height:48px;padding:.7rem .9rem}.field textarea{resize:vertical;min-height:140px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cobalt);outline:3px solid color-mix(in srgb,var(--cobalt)25%,transparent);outline-offset:0}.hp{position:absolute;inset-inline-start:-9999px}.site-footer{background:var(--ink);color:#ffffffc7;padding-block:var(--s8)var(--s5);margin-block-start:var(--s9)}:root[data-theme=dark] .site-footer{background:#070d20}.foot-grid{gap:var(--s6);grid-template-columns:1.4fr repeat(3,1fr);display:grid}.site-footer h2{font-size:var(--fs-1);color:#fff;margin-block-end:var(--s3)}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li{margin-block-end:var(--s2)}.site-footer a{color:#ffffffc7;text-decoration:none}.site-footer a:hover{color:#fff;text-decoration:underline}.site-footer .brand{margin-block-end:var(--s3)}.site-footer p{font-size:var(--fs-1);margin-block-end:var(--s3)}.social{gap:var(--s2);display:flex}.social a{color:#fff;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.social a:hover{background:#ffffff1f}.social svg{width:19px;height:19px}.copy{font-size:var(--fs-0);justify-content:space-between;gap:var(--s3);border-block-start:1px solid #ffffff1f;flex-wrap:wrap;margin-block-start:var(--s7);padding-block-start:var(--s5);display:flex}@media (width<=900px){.foot-grid{grid-template-columns:1fr 1fr}}@media (width<=520px){.foot-grid{grid-template-columns:1fr}}.article-shell{gap:var(--s8);padding-block:var(--s7)0;grid-template-columns:260px minmax(0,1fr);align-items:start;display:grid}.toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5);position:sticky;inset-block-start:96px}.toc h2{font-size:var(--fs-1);margin-block-end:var(--s3)}.toc ul{margin:0;padding:0;list-style:none}.toc li{margin:0}.toc a{color:var(--muted);border-inline-start:2px solid #0000;padding:.35rem 0;padding-inline-start:var(--s3);font-size:.95rem;line-height:1.6;text-decoration:none;display:block}.toc a:hover,.toc a.on{color:var(--link);border-color:var(--saffron)}.article-shell>*{min-width:0}@media (width<=980px){.article-shell{gap:var(--s5);grid-template-columns:minmax(0,1fr)}.toc{position:static}}.article-cover{border-radius:var(--r-lg);box-shadow:var(--shadow-1);margin-block-end:var(--s5);overflow:hidden}.article-cover img{aspect-ratio:2;object-fit:cover;width:100%}.byline{gap:var(--s2)var(--s5);color:var(--muted);font-size:var(--fs-1);flex-wrap:wrap;margin-block-end:var(--s6);display:flex}.article-body{max-width:var(--prose)}.article-body>article,.article-body>section{margin-block-end:var(--s6)}.article-body h2{font-size:var(--fs-5);margin-block:var(--s7)var(--s4);padding-block-start:var(--s3)}.article-body h3{font-size:var(--fs-3);margin-block:var(--s5)var(--s3)}.article-body h4,.article-body h5{font-size:var(--fs-2);margin-block:var(--s4)var(--s2)}.article-body img{border-radius:var(--r-md);margin-block:var(--s5);box-shadow:var(--shadow-1)}.article-body li{margin-block-end:var(--s2)}.article-body a{font-weight:700}.article-body table{border-collapse:collapse;width:100%;font-size:var(--fs-1);margin-block:var(--s5)}.table-scroll{margin-block:var(--s5);border:1px solid var(--line);border-radius:var(--r-md);overflow-x:auto}.table-scroll table{min-width:540px;margin:0}.article-body th{background:var(--ink);color:#fff;text-align:start;padding:.7rem 1rem;font-weight:700}.article-body td{border-block-end:1px solid var(--line);padding:.7rem 1rem}.article-body tr:nth-child(2n) td{background:color-mix(in srgb,var(--surface-2)55%,transparent)}.fs-base-s{direction:ltr;unicode-bidi:isolate;font-size:.9em;display:inline-block}.dir-ltr{text-align:start;direction:ltr}.accent{color:var(--link)}.underline{text-decoration:underline}.inline-block{display:inline-block}.wow,.fadeInUp,.fadeInLeft{opacity:1!important;visibility:visible!important;animation:none!important;transform:none!important}.stats-section{gap:var(--s4);margin-block:var(--s6);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));display:grid}.stat-card,.stat-item{background:var(--ink);color:#fff;border-radius:var(--r-md);padding:var(--s5);text-align:center}.stat-number{font-size:var(--fs-5);color:var(--saffron);direction:ltr;font-weight:900;line-height:1.2}.stat-label{font-size:var(--fs-1);color:#fffc}.comparison-card,.reason-card,.hosting-type-card,.tool-card,.tool-item,.algorithm-item,.os-card,.location-item,.device-card,.support-box,.step-content,.tips-list li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s4)var(--s5);margin-block-end:var(--s4)}.comparison-card{border-inline-start:5px solid var(--ok)}.comparison-card.cons{border-inline-start-color:var(--warn)}.comparison-card h4,.comparison-card h5,.reason-card h4,.hosting-type-card h4,.os-card h3,.location-item h3{margin-block-start:0}.comparison-card ul{margin:0}.comparison-grid,.algorithm-list,.device-grid,.tools-grid,.reasons-grid,.hosting-types{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.comparison-grid>*,.algorithm-list>*{margin:0}.device-card{text-align:center}.device-card i{color:var(--cobalt);font-size:1.8rem}.badge-success,.badge-warning,.comp-badge{font-size:var(--fs-0);border-radius:var(--r-pill);background:color-mix(in srgb,var(--ok)14%,transparent);color:var(--ok);padding:.1rem .8rem;font-weight:700;display:inline-block}.badge-warning,.comp-badge{background:color-mix(in srgb,var(--saffron)25%,transparent);color:var(--warn)}.step-card{margin-block:var(--s5)}.step-content{padding-block-start:var(--s6);position:relative}.step-number{background:var(--saffron);width:2.3rem;height:2.3rem;color:var(--ink);border-radius:50%;place-items:center;font-weight:900;display:grid;position:absolute;inset-block-start:-1.1rem;inset-inline-start:var(--s5)}.step-image img{margin-block:var(--s3)}.support-box,.cta-box{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:var(--s6);margin-block:var(--s7);border:0}.support-box h3,.support-box h4{color:#fff;margin-block-start:0}.support-box p{color:#ffffffd1}.cta-button{align-items:center;gap:var(--s2);background:var(--saffron);border-radius:var(--r-pill);padding:.6rem 1.5rem;font-weight:700;text-decoration:none;display:inline-flex;color:var(--ink)!important}.cta-button:hover{background:#ffc252;text-decoration:none}.faq-item{border-block-end:1px solid var(--line);padding-block:var(--s3)}.faq-question{justify-content:space-between;align-items:center;gap:var(--s4);cursor:pointer;display:flex}.faq-question h3{font-size:var(--fs-2);margin:0}.faq-toggle{color:var(--cobalt);transition:transform .2s}.faq-item.open .faq-toggle,.faq-item.active .faq-toggle{transform:rotate(180deg)}.js .faq-answer{color:var(--muted);padding-block-start:var(--s2);display:none}.js .faq-item.open .faq-answer,.js .faq-item.active .faq-answer{display:block}.faq-title{margin-block-end:var(--s3)}.article-body .intro{font-size:var(--fs-3)}.related-posts{margin-block-start:var(--s8)}.related-posts h2{font-size:var(--fs-4)}@media print{.site-header,.site-footer,.toc,.cta-band{display:none}}