/*
Theme Name: Webnob
Theme URI: https://webnob.ir
Author: Webnob
Description: قالب شرکتی راست‌چین برای استودیوهای طراحی وب و نرم‌افزار اختصاصی.
Version: 1.0.0
Text Domain: webnob
*/
:root{--bg:#0c0b0f;--surface:#17131e;--text:#f5f3f8;--muted:#a7a3b3;--line:rgba(255,255,255,.11);--pink:#ff4f9a;--violet:#9367ff;--lime:#d7f46b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Vazirmatn,Tahoma,Arial,sans-serif;line-height:1.8;overflow-x:hidden}.container{max-width:1160px;margin:auto;padding:0 28px}.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);background:rgba(12,11,15,.82);backdrop-filter:blur(16px)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:800;text-decoration:none}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:linear-gradient(135deg,var(--pink),var(--violet))}.nav-links,.nav-links ul{display:flex;align-items:center;gap:26px;margin:0;padding:0;list-style:none}.nav-links a{color:var(--muted);text-decoration:none;font-size:.87rem}.nav-links a:hover{color:var(--text)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;min-height:650px}.eyebrow,.section-kicker{color:var(--lime);font-size:.77rem}.hero h1,.section-heading h2{font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.2;letter-spacing:-.055em;margin:18px 0}em{color:var(--pink);font-style:normal}.hero p,.section-heading p,.project-copy{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 20px;border:0;border-radius:100px;background:var(--pink);color:#190b14;font:700 .85rem inherit;text-decoration:none;cursor:pointer}.button-ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.hero-actions{display:flex;gap:12px;margin-top:28px}.hero-art{position:relative;min-height:380px;display:grid;place-items:center}.orb{position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,79,154,.45),transparent 67%);animation:float 9s ease-in-out infinite}.code-card{position:relative;z-index:1;width:min(100%,420px);padding:28px;background:rgba(23,19,30,.9);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 70px rgba(0,0,0,.4);font-family:monospace;direction:ltr}.code-card p{margin:0;color:#c8c3d2;line-height:2.2}.pink{color:#ff78ac}.blue{color:#9c9aff}.section{padding:120px 0}.section-heading{max-width:690px;margin-bottom:48px}.section-heading h2{font-size:clamp(2.1rem,4vw,3.5rem)}.services-grid,.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card,.post-card{padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.card h3,.post-card h3{margin:14px 0 8px}.card p,.post-card p{color:var(--muted);font-size:.83rem}.work-section{background:#111016}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card{overflow:hidden;border-radius:16px;background:var(--surface);border:1px solid var(--line)}.project-thumb{height:245px;background:linear-gradient(135deg,#e2d9cd,#86709e);display:grid;place-items:center;font-size:2rem;font-weight:800;color:#25212a}.project-card:nth-child(2) .project-thumb{background:#d7f46b}.project-card:nth-child(3) .project-thumb{background:#2e2448;color:#ff92bd}.project-info{padding:18px}.project-info h3{margin:0;font-size:1rem}.project-info p{margin:3px 0 0;color:var(--muted);font-size:.75rem}.blog-art{height:170px;margin:-26px -26px 20px;background:linear-gradient(135deg,var(--pink),var(--violet));display:grid;place-items:center;font-size:1.7rem;font-weight:800}.post-card:nth-child(2) .blog-art{background:var(--lime);color:#25301d}.post-card:nth-child(3) .blog-art{background:#292235;color:#ff92bd}.conversion-banner,.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px;border:1px solid rgba(255,79,154,.35);border-radius:18px;background:linear-gradient(100deg,rgba(255,79,154,.13),rgba(147,103,255,.08))}.contact-inner h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.3;margin:5px 0}.site-footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:.78rem}.footer-row{display:flex;justify-content:space-between;gap:20px;align-items:center}.floating-actions{position:fixed;z-index:30;bottom:22px;left:22px;display:flex;gap:10px}.call-cta,.floating-cta{padding:12px 17px;border-radius:100px;text-decoration:none;font:700 .78rem inherit}.call-cta{background:var(--lime);color:#1d2815}.floating-cta{position:relative;border:0;background:var(--pink);color:#190b14;cursor:pointer;animation:float 3s ease-in-out infinite}.floating-cta:before{content:"";position:absolute;inset:-7px;border:1px solid rgba(255,79,154,.6);border-radius:inherit;animation:pulse 2.4s ease-out infinite}.modal{position:fixed;inset:0;z-index:80;display:none;place-items:center;padding:20px;background:rgba(5,4,8,.78);backdrop-filter:blur(10px)}.modal.active{display:grid}.modal-card{position:relative;width:min(100%,530px);max-height:calc(100vh - 40px);overflow:auto;padding:34px;border-radius:20px;border:1px solid rgba(255,79,154,.35);background:#17131e}.modal-close{position:absolute;top:10px;left:16px;border:0;background:none;color:var(--muted);font-size:2rem;cursor:pointer}.lead-form{display:grid;gap:13px}.lead-form label{display:grid;gap:5px;color:var(--muted);font-size:.75rem}.lead-form input,.lead-form textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;background:#211b2a;color:var(--text);font:inherit}.lead-form textarea{min-height:100px}.form-note,.form-message{font-size:.75rem;color:var(--muted)}.form-message.success{color:var(--lime)}.entry{max-width:800px;margin:80px auto}.entry h1{font-size:clamp(2rem,5vw,4rem);line-height:1.3}.entry-content{color:#d5d0dd}.entry-content a{color:var(--pink)}.pagination{margin-top:30px}.pagination a,.pagination span{padding:6px 10px;color:var(--text);text-decoration:none}@keyframes float{50%{transform:translateY(-8px)}}@keyframes pulse{0%{opacity:.8;transform:scale(.93)}100%{opacity:0;transform:scale(1.2)}}@media(max-width:800px){.nav-links{display:none}.menu-toggle{display:block;background:none;border:0;color:var(--text);font-size:1.4rem}.nav-links.open{display:flex;position:absolute;top:76px;right:20px;left:20px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.nav-links ul{flex-direction:column;align-items:stretch;width:100%}.hero{grid-template-columns:1fr;padding:70px 0}.services-grid,.projects-grid,.blog-grid{grid-template-columns:1fr}.section{padding:82px 0}.conversion-banner,.contact-inner,.footer-row{display:block}.conversion-banner .button,.contact-inner .button{margin-top:15px}.floating-actions{left:14px;right:14px;bottom:14px;justify-content:center}.hero-art{min-height:290px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}