@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');:root{--bg:#0a0b0d;--bg-soft:#111318;--card:#15171d;--card-2:#1b1e26;--text:#f4f1ea;--muted:#9ea2ad;--line:rgba(255,255,255,.11);--accent:#c8ff65;--accent-2:#9f7cff;--danger:#ff6f7d;--radius:26px;--shadow:0 30px 90px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% -10%,rgba(159,124,255,.13),transparent 28%),radial-gradient(circle at 90% 10%,rgba(200,255,101,.07),transparent 25%),var(--bg);color:var(--text);font-family:"Manrope",Arial,sans-serif;overflow-x:hidden}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.header{position:fixed;top:16px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 28px));height:68px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:20px;background:rgba(13,14,17,.73);backdrop-filter:blur(20px);z-index:50;transition:.25s ease}.header.scrolled{box-shadow:0 16px 50px rgba(0,0,0,.22)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.08em}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--accent);color:#0b0d0b;font-size:16px;transform:rotate(-5deg)}.brand-text{font-size:14px}.nav{display:flex;gap:30px;color:#c7c9d0;font-size:13px}.nav a{transition:.2s}.nav a:hover{color:white}.section{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:120px 0}.hero{min-height:100vh;padding-top:150px;display:grid;grid-template-columns:1.04fr .96fr;gap:60px;align-items:center}.eyebrow{display:inline-block;font-size:11px;letter-spacing:.22em;font-weight:800;color:var(--accent);margin-bottom:22px}.hero-title{font-size:clamp(48px,6.2vw,86px);line-height:.98;letter-spacing:-.055em;margin:0 0 28px;max-width:760px}.hero-title span{display:block;color:#b7bac4;font-family:"Playfair Display",serif;font-style:italic;font-weight:600;letter-spacing:-.04em}.hero-lead{max-width:650px;color:var(--muted);font-size:18px;line-height:1.7;margin:0 0 34px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{min-height:50px;padding:0 22px;border-radius:14px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#0c0d0b}.btn-primary:hover{box-shadow:0 14px 35px rgba(200,255,101,.18)}.btn-ghost{border-color:var(--line);background:rgba(255,255,255,.03);color:var(--text)}.btn-small{min-height:40px;padding:0 15px;border-radius:11px;font-size:12px}.btn-full{width:100%}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:55px;padding-top:24px;border-top:1px solid var(--line)}.hero-stats div{display:flex;gap:12px;align-items:flex-start}.hero-stats strong{color:var(--accent);font-size:12px}.hero-stats span{font-size:12px;color:#c7c9cf}.hero-visual{min-height:570px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-a{width:290px;height:290px;background:radial-gradient(circle at 30% 30%,#d4ff89,#94e539 38%,transparent 72%);opacity:.55;right:10%;top:8%}.orb-b{width:260px;height:260px;background:radial-gradient(circle at 35% 30%,#bcabff,#7656e4 45%,transparent 74%);opacity:.4;left:4%;bottom:3%}.browser-card{width:min(520px,94%);aspect-ratio:1.08;border-radius:26px;padding:12px;background:rgba(26,29,36,.78);border:1px solid rgba(255,255,255,.14);box-shadow:0 45px 120px rgba(0,0,0,.5);backdrop-filter:blur(18px);transform:perspective(1100px) rotateY(-8deg) rotateX(5deg);transition:transform .2s ease-out}.browser-top{height:42px;display:flex;align-items:center;gap:13px;padding:0 5px}.browser-dots{display:flex;gap:5px}.browser-dots i{width:7px;height:7px;border-radius:50%;background:#666a73}.browser-url{flex:1;background:rgba(255,255,255,.05);height:24px;border-radius:8px;display:grid;place-items:center;color:#7f838d;font-size:9px}.browser-screen{height:calc(100% - 42px);border-radius:18px;background:linear-gradient(145deg,#f2efe7,#d9d4ca);color:#141516;padding:22px;overflow:hidden;position:relative}.mini-nav{display:flex;justify-content:space-between;font-size:8px}.mini-hero{padding:58px 7px 35px}.mini-hero small{font-size:6px;letter-spacing:.2em}.mini-hero h3{font-family:"Playfair Display",serif;font-size:33px;line-height:1.02;letter-spacing:-.04em;max-width:330px;margin:8px 0 17px}.mini-button{width:80px;height:22px;border-radius:20px;background:#111}.mini-grid{display:grid;grid-template-columns:1.25fr .7fr .9fr;gap:8px;height:110px}.mini-grid i{border-radius:13px;background:linear-gradient(145deg,#27272c,#a49a8e)}.mini-grid i:nth-child(2){background:linear-gradient(145deg,#b0ff68,#5fa928)}.mini-grid i:nth-child(3){background:linear-gradient(145deg,#8d72e7,#2d244f)}.floating-badge{position:absolute;padding:12px 15px;border:1px solid var(--line);border-radius:13px;background:rgba(17,19,24,.8);backdrop-filter:blur(16px);font-size:11px;box-shadow:var(--shadow)}.badge-one{right:2%;top:25%;animation:float 4s ease-in-out infinite}.badge-two{left:0;bottom:18%;animation:float 4.6s ease-in-out infinite reverse}@keyframes float{50%{transform:translateY(-10px)}}.trust-strip{width:100%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:48px;flex-wrap:wrap;padding:22px 18px;color:#70747d;text-transform:uppercase;font-size:10px;letter-spacing:.16em}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end;margin-bottom:50px}.section-head h2{font-size:clamp(36px,4.7vw,62px);line-height:1.02;letter-spacing:-.045em;margin:0}.section-head p{color:var(--muted);line-height:1.7;margin:0;max-width:480px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.service-card{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid var(--line);border-radius:var(--radius);padding:30px;min-height:300px;position:relative;overflow:hidden}.service-card:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-90px;bottom:-90px;background:radial-gradient(circle,var(--accent-2),transparent 68%);opacity:.12}.service-no{font-size:11px;color:var(--accent);letter-spacing:.16em}.service-card h3{font-size:28px;margin:42px 0 12px;letter-spacing:-.03em}.service-card p{color:var(--muted);line-height:1.6;max-width:520px}.service-card ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:18px 0 0;margin:0}.service-card li,.tag{font-size:10px;padding:7px 10px;border-radius:999px;border:1px solid var(--line);color:#c4c6ce}.work-section{padding-top:70px}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.work-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);overflow:hidden;cursor:pointer;transition:.3s ease}.work-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.22)}.work-card:nth-child(3n){grid-column:span 2}.work-preview{height:360px;padding:25px;display:grid;place-items:center;position:relative;overflow:hidden}.work-card:nth-child(3n) .work-preview{height:440px}.work-info{padding:22px 24px 26px}.work-info-top{display:flex;justify-content:space-between;gap:20px;align-items:start}.work-info h3{font-size:24px;margin:0 0 8px;letter-spacing:-.025em}.work-info p{margin:0;color:var(--muted);font-size:13px}.work-arrow{font-size:24px;color:var(--accent)}.preview-window{width:88%;height:82%;border-radius:18px;background:#f4f1e9;padding:12px;box-shadow:0 26px 65px rgba(0,0,0,.25);transform:rotate(-2deg)}.preview-window.dark{background:#111318}.preview-bar{height:18px;border-radius:7px;background:rgba(0,0,0,.09);margin-bottom:10px}.preview-window.dark .preview-bar{background:rgba(255,255,255,.08)}.preview-body{height:calc(100% - 28px);border-radius:12px;padding:16px;display:flex;flex-direction:column;justify-content:space-between}.preview-title{width:62%;height:18px;border-radius:5px;background:currentColor;opacity:.88}.preview-copy{width:40%;height:7px;border-radius:5px;background:currentColor;opacity:.22;margin-top:9px}.preview-panels{display:grid;grid-template-columns:1.3fr .7fr;gap:8px;flex:1;margin-top:20px}.preview-panels i{display:block;border-radius:10px;background:rgba(0,0,0,.12)}.preview-window.dark .preview-panels i{background:rgba(255,255,255,.1)}.process-section{padding-top:70px}.timeline{border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:30px 0;border-bottom:1px solid var(--line);align-items:start}.timeline-item b{color:var(--accent);font-size:12px;letter-spacing:.15em}.timeline-item h3{margin:0 0 7px;font-size:24px}.timeline-item p{margin:0;color:var(--muted);line-height:1.6}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.price-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#17191f,#101216);padding:28px;display:flex;flex-direction:column;min-height:430px;position:relative}.price-card.featured{border-color:rgba(200,255,101,.45);box-shadow:0 0 0 1px rgba(200,255,101,.06) inset}.price-badge{position:absolute;right:20px;top:20px;background:var(--accent);color:#111;font-size:9px;font-weight:800;padding:7px 9px;border-radius:999px}.price-card h3{font-size:25px;margin:28px 0 8px}.price-card .price{font-size:36px;font-weight:800;letter-spacing:-.04em;margin:8px 0 22px}.price-card .price small{font-size:11px;color:var(--muted);font-weight:600;letter-spacing:0}.price-card p{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 14px}.price-card ul{list-style:none;padding:0;margin:15px 0 26px;display:grid;gap:10px;color:#d1d3da;font-size:12px}.price-card li:before{content:"✓";color:var(--accent);margin-right:9px}.price-card .btn{margin-top:auto}.brief-section{padding-top:80px}.brief-wrap{border:1px solid var(--line);background:linear-gradient(135deg,rgba(159,124,255,.08),rgba(200,255,101,.04));border-radius:34px;padding:52px;display:grid;grid-template-columns:.9fr 1.1fr;gap:55px}.brief-copy h2{font-size:clamp(38px,4.6vw,62px);line-height:1;letter-spacing:-.045em;margin:0 0 20px}.brief-copy p{color:var(--muted);line-height:1.7;max-width:470px}.contact-list{display:grid;margin-top:45px}.contact-list a{padding:16px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;color:#d8dae0;font-size:13px}.brief-form{display:grid;gap:16px;background:rgba(8,9,11,.48);border:1px solid var(--line);border-radius:24px;padding:26px}.brief-form label{display:grid;gap:8px}.brief-form label span{font-size:11px;color:#c2c5cd}.brief-form input,.brief-form select,.brief-form textarea{width:100%;background:#101217;color:white;border:1px solid var(--line);border-radius:12px;padding:14px 15px;outline:none;transition:.2s;resize:vertical}.brief-form input:focus,.brief-form select:focus,.brief-form textarea:focus{border-color:rgba(200,255,101,.5);box-shadow:0 0 0 3px rgba(200,255,101,.06)}.form-note{color:#6f747f;line-height:1.5;font-size:9px;text-align:center}.footer{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:35px 0 45px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#777c86;font-size:11px}.footer .brand{color:white}.admin-link{opacity:.55}.modal{position:fixed;inset:0;z-index:80;display:none;place-items:center;padding:18px}.modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:rgba(3,4,6,.79);backdrop-filter:blur(12px)}.modal-card{width:min(920px,96vw);max-height:90vh;overflow:auto;position:relative;z-index:2;background:#12141a;border:1px solid var(--line);border-radius:28px;display:grid;grid-template-columns:1.12fr .88fr;box-shadow:0 40px 120px rgba(0,0,0,.55)}.modal-close{position:absolute;right:14px;top:14px;z-index:3;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:rgba(0,0,0,.25);color:white;font-size:23px}.modal-preview{min-height:500px;display:grid;place-items:center;padding:30px}.modal-copy{padding:70px 40px 40px}.modal-copy h3{font-size:38px;letter-spacing:-.04em;margin:0 0 15px}.modal-copy p{color:var(--muted);line-height:1.7;margin-bottom:23px}.modal-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:28px}.toast{position:fixed;right:20px;bottom:20px;z-index:120;background:#f2efe6;color:#0e0f11;border-radius:16px;padding:16px 18px;min-width:300px;box-shadow:var(--shadow);display:grid;gap:3px;transform:translateY(140%);transition:.35s ease}.toast.show{transform:translateY(0)}.toast span{font-size:11px;color:#595d66}.mobile-menu{display:none}.burger{display:none;background:none;border:0;width:38px;height:38px;padding:8px}.burger span{display:block;height:1px;background:#fff;margin:7px 0}.reveal{opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .75s ease}.reveal.in-view{opacity:1;transform:none}@media(max-width:900px){.nav,.header>.btn{display:none}.burger{display:block}.hero{grid-template-columns:1fr;padding-top:135px;gap:15px}.hero-visual{min-height:500px}.hero-stats{margin-top:35px}.section{padding:90px 0}.section-head{grid-template-columns:1fr;gap:18px}.service-grid,.work-grid,.price-grid{grid-template-columns:1fr}.work-card:nth-child(3n){grid-column:auto}.work-card:nth-child(3n) .work-preview,.work-preview{height:340px}.brief-wrap{grid-template-columns:1fr;padding:35px}.modal-card{grid-template-columns:1fr}.modal-preview{min-height:340px}.modal-copy{padding:35px}.mobile-menu{position:fixed;inset:0;background:#0a0b0d;z-index:70;padding:90px 25px 30px;flex-direction:column;gap:18px}.mobile-menu.open{display:flex}.mobile-menu a{font-size:34px;font-weight:700;letter-spacing:-.04em}.mobile-close{position:absolute;right:20px;top:20px;color:white;background:none;border:0;font-size:36px}}@media(max-width:580px){.section{width:min(100% - 24px,1180px)}.hero{padding-top:120px}.hero-title{font-size:50px}.hero-lead{font-size:15px}.hero-stats{grid-template-columns:1fr;gap:12px}.hero-visual{min-height:390px}.browser-card{width:96%;border-radius:20px}.floating-badge{display:none}.mini-hero{padding-top:35px}.mini-hero h3{font-size:24px}.trust-strip{gap:20px;justify-content:flex-start}.service-card{padding:24px;min-height:auto}.work-preview{height:270px!important}.preview-window{width:94%;height:82%}.brief-wrap{padding:24px;border-radius:24px}.footer{flex-wrap:wrap;gap:20px}}.header-actions{display:flex;align-items:center;gap:10px}.lang-switcher,.mobile-lang{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025)}.lang-btn{border:0;background:transparent;color:#8f949e;min-width:34px;height:30px;border-radius:8px;font-size:10px;font-weight:800;letter-spacing:.08em}.lang-btn.active{background:var(--text);color:#0b0d0f}.hero-main{display:block}.hero-accent{display:block;color:#b7bac4;font-family:"Playfair Display",serif;font-style:italic;font-weight:600;letter-spacing:-.04em}.modal-actions{display:flex;flex-wrap:wrap;gap:10px}.project-path-note{display:block;color:#6f747d;font-size:9px;line-height:1.5;margin-top:12px}html[dir="rtl"] body{font-family:"Manrope",Arial,sans-serif}html[dir="rtl"] .hero-copy,html[dir="rtl"] .section-head,html[dir="rtl"] .service-card,html[dir="rtl"] .work-info,html[dir="rtl"] .timeline-item,html[dir="rtl"] .price-card,html[dir="rtl"] .brief-copy,html[dir="rtl"] .brief-form,html[dir="rtl"] .modal-copy{text-align:right}html[dir="rtl"] .hero-stats div{flex-direction:row-reverse;justify-content:flex-end}html[dir="rtl"] .service-card ul,html[dir="rtl"] .modal-tags,html[dir="rtl"] .modal-actions{justify-content:flex-start}html[dir="rtl"] .price-card li:before{margin-right:0;margin-left:9px}html[dir="rtl"] .contact-list a{flex-direction:row-reverse}html[dir="rtl"] .work-info-top{flex-direction:row-reverse}html[dir="rtl"] .timeline-item{grid-template-columns:1fr 100px}html[dir="rtl"] .timeline-item>b{grid-column:2}html[dir="rtl"] .timeline-item>div{grid-column:1;grid-row:1}@media(max-width:900px){.desktop-cta{display:none!important}.header-actions{margin-left:auto;margin-right:10px}.header .lang-switcher{display:none}.mobile-lang{width:max-content;margin-bottom:25px}}