*,:before,:after{box-sizing:border-box}:root{--orange:#692727;--orange-soft:#cfadad;--text-main:#111827;--text-muted:#6b7280;--bg:#fff;--border-soft:#e5e7eb;--radius-lg:18px;--shadow-soft:0 18px 45px #0f172a14;--shadow-card:0 16px 40px #0f172a0f;--font-main:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-main);background:var(--bg);color:var(--text-main)}.page{min-height:100vh}.container{width:min(1120px,100% - 2.5rem);margin-inline:auto}main{padding-bottom:3rem}.navbar{border-bottom:1px solid var(--border-soft);z-index:20;background-color:#fff;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;padding-block:1rem;display:flex}.logo{letter-spacing:.14em;color:var(--orange);text-transform:uppercase;font-size:.9rem;font-weight:800}.logo a{color:var(--orange);text-decoration:none}.logo a:hover,.logo a:visited{color:var(--orange)}.nav-links{gap:1.75rem;font-size:.95rem;display:flex}.nav-links a{color:#374151;text-decoration:none}.nav-links a:hover{color:var(--orange)}.btn{cursor:pointer;border:none;border-radius:999px;padding:.55rem 1.4rem;font-size:.9rem;font-weight:600;transition:transform .12s,box-shadow .12s,background-color .12s,color .12s}.btn-primary{background:var(--orange);color:#fff;box-shadow:0 14px 30px #f8712559}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 42px #f8712566}.btn-outline{color:var(--orange);border:1px solid var(--orange-soft);background:#fff}.btn-outline:hover{background:var(--orange-soft)}.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr);align-items:center;gap:3rem;padding-block:3.5rem 3rem;display:grid}.hero-content h1{margin-bottom:1.25rem;font-size:clamp(2.6rem,4vw,3.1rem);line-height:1.1}.highlight{color:var(--orange)}.hero-subtitle{color:var(--text-muted);max-width:26rem;margin-bottom:1.75rem;font-size:.98rem}.hero-actions{gap:1rem;display:flex}.hero-visual{justify-content:center;display:flex}.monitor{box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#292828,#292828);border-radius:26px;width:100%;max-width:420px;padding:1.5rem 1.5rem 2.2rem}.monitor-screen{box-shadow:var(--shadow-card);background:#fff;border-radius:16px;overflow:hidden}.monitor-header{background:#f3f4f6;height:10px}.monitor-body{padding:1.4rem 1.5rem 1.8rem}.monitor-title{margin-bottom:1rem;font-size:1rem;font-weight:700}.monitor-button{background:var(--orange-soft);color:var(--orange);border-radius:999px;padding:.4rem .9rem;font-size:.78rem;font-weight:600;display:inline-flex}.monitor-base{background:#ffffffa6;border-radius:999px;width:40%;height:14px;margin:1.1rem auto 0}.monitor-gif{border-radius:16px;width:100%;height:auto;display:block}.services-section{padding-block:2.8rem 3.2rem}.services-header{text-align:left;margin-bottom:1.6rem}.services-header h2{margin:0 0 .4rem;font-size:1.7rem}.services-header p{color:var(--text-muted);margin:0;font-size:.96rem}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.service-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid var(--border-soft);background:#fff;padding:1.6rem 1.5rem 1.7rem}.service-card h3{margin:0 0 .6rem;font-size:1.1rem}.service-card p{color:var(--text-muted);margin:0 0 1.1rem;font-size:.95rem}.link-arrow{color:var(--orange);font-size:.9rem;font-weight:600;text-decoration:none}.link-arrow:after{content:" →"}.portfolio{padding-block:0 3.2rem}.portfolio-header{justify-content:space-between;align-items:center;margin-bottom:1.6rem;display:flex}.portfolio-header h2{font-size:1.6rem}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem;margin-bottom:2.3rem;display:grid}.portfolio-card{border-radius:var(--radius-lg);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);background:#fff;overflow:hidden}.portfolio-thumb{height:180px;overflow:hidden}.portfolio-thumb img{object-fit:cover;width:100%;height:100%;display:block}.portfolio-info{padding:1rem 1.2rem 1.1rem}.portfolio-tag{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:.35rem;font-size:.76rem}.portfolio-info h3{font-size:1rem}.portfolio-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;font-size:.95rem;display:grid}.portfolio-features h3{margin-bottom:.3rem;font-size:1rem}.portfolio-detail-thumb img{object-fit:cover;border-radius:18px;width:100%;height:220px;display:block}.ready{border-top:1px solid var(--border-soft);padding-block:3rem 3.5rem}.ready-text h2{margin-bottom:1rem;font-size:1.7rem}.checklist{margin:0;padding:0;list-style:none}.checklist li{margin-bottom:.6rem;padding-left:1.6rem;font-size:.96rem;position:relative}.checklist li:before{content:"✓";color:var(--orange);font-weight:700;position:absolute;top:.05rem;left:0}.contact-form{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid var(--border-soft);background:#fff;padding:1.8rem 1.7rem 1.9rem}.contact-form h3{margin-top:0;margin-bottom:1.2rem}.field{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.field label{color:#4b5563;font-size:.82rem;font-weight:600}.field input,.field textarea{border:1px solid #d1d5db;border-radius:.7rem;padding:.55rem .75rem;font-family:inherit;font-size:.9rem}.field input:focus,.field textarea:focus{outline:2px solid var(--orange-soft);border-color:var(--orange)}.ready-inner{grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr);gap:2.5rem;display:grid}.contact-list{gap:.7rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.contact-item{align-items:flex-start;gap:.7rem;display:flex}.contact-icon{background:var(--orange-soft);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.contact-icon svg{width:16px;height:16px;fill:var(--orange)}.contact-icon-location{background:#ff7a1a1f}.contact-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:.1rem;font-size:.78rem;display:block}.contact-value{font-size:.95rem}.contact-link,.contact-link:visited{color:var(--text-main);font-size:.95rem;font-weight:500;text-decoration:none}.contact-link:hover{color:var(--orange)}.contact-social-row{gap:.45rem;margin-top:.35rem;display:flex}.social-circle{border:1px solid var(--border-soft);background:#fff;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;text-decoration:none;display:inline-flex;box-shadow:0 12px 28px #0f172a14}.social-circle svg{width:18px;height:18px;fill:var(--text-main)}.social-circle:hover{background:var(--orange-soft)}.social-telegram svg{fill:#27a7e7}.social-tiktok svg{fill:#111827}.social-instagram svg{fill:#e1306c}@media (max-width:960px){.ready-inner{grid-template-columns:minmax(0,1fr)}}.footer{border-top:1px solid var(--border-soft);color:#6b7280;background:#f9fafb;padding-block:1.3rem;font-size:.83rem}.footer-inner{justify-content:space-between;gap:1rem;display:flex}.about h2{margin-bottom:1rem;font-size:1.7rem}.about-intro p{color:var(--text-muted);margin:0 0 .8rem;font-size:.96rem}.about:before{content:"";z-index:-1;filter:blur(4px);background:radial-gradient(circle,#ff7a1a47,#0000 70%);width:320px;height:320px;position:absolute;top:40px;right:-140px}.about-professions{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:2rem;display:grid}.about-prof-card{border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:#fff;padding:1.5rem 1.6rem 1.6rem;position:relative;box-shadow:0 18px 40px #f8712529}.about-prof-card:before{content:"";background:linear-gradient(#cfadad,#692727);border-radius:999px;width:4px;position:absolute;top:.9rem;bottom:.9rem;left:0}.about-prof-card h3{color:var(--orange);margin:0 0 .6rem;font-size:1.05rem}.about-prof-card p{color:var(--text-muted);margin:0;font-size:.93rem}.about{border-top:1px solid var(--border-soft);padding-block:3rem 3.5rem;position:relative;overflow:visible}.about-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr);align-items:flex-start;gap:2.5rem;display:grid}.about-main h2{margin-bottom:1rem;font-size:1.7rem}.about-main p{color:var(--text-muted);margin:0 0 .8rem;font-size:.96rem}.about-sections{gap:1rem;display:grid}.about-card{border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:#fff;padding:1.5rem 1.6rem 1.6rem;position:relative;box-shadow:0 18px 40px #f8712529}.about-card:before{content:"";background:linear-gradient(#cfadad,#692727);border-radius:999px;width:4px;position:absolute;top:.9rem;bottom:.9rem;left:0}.about-card h3{color:var(--orange);margin:0 0 .6rem;font-size:1.05rem}.about-card p{color:var(--text-muted);margin:0;font-size:.93rem}.service-detail-section{border-top:1px solid var(--border-soft);padding-block:3rem}.service-detail-header{max-width:640px;margin-bottom:1.8rem}.service-label{background:var(--orange-soft);color:var(--orange);text-transform:uppercase;letter-spacing:.1em;border-radius:999px;margin-bottom:.7rem;padding:.2rem .7rem;font-size:.75rem;font-weight:600;display:inline-flex}.service-detail-header h2{margin:0 0 .6rem;font-size:1.5rem}.service-detail-header p{color:var(--text-muted);margin:0;font-size:.96rem}.service-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;display:grid}.service-detail-card{border-radius:var(--radius-lg);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);background:#fff;flex-direction:column;padding:1.5rem 1.6rem 1.6rem;display:flex}.service-detail-card h3{margin:0 0 .4rem;font-size:1.05rem}.service-price{flex-wrap:wrap;align-items:center;gap:.3rem;margin:0 0 1rem;display:flex}.price-amount{color:#fff;background:linear-gradient(135deg,#cfadad,#692727);border-radius:999px;padding:.15rem .7rem;font-size:1.25rem;font-weight:800}.price-note{color:var(--text-muted);font-size:.85rem}.package-list{color:var(--text-muted);flex-direction:column;gap:.45rem;min-height:7.2rem;margin:0 0 1.3rem;padding-left:0;font-size:.9rem;list-style:none;display:flex}.package-list li{padding-left:1.4rem;position:relative}.package-list li:before{content:"";background:linear-gradient(135deg,#ffb45a,#692727);border-radius:999px;width:8px;height:8px;position:absolute;top:.45rem;left:0;box-shadow:0 0 0 3px #ff7a1a2e}.package-btn{justify-content:center;width:100%;margin-top:auto;display:inline-flex}@media (max-width:960px){.service-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.service-detail-grid{grid-template-columns:minmax(0,1fr)}}.order-section{border-top:1px solid var(--border-soft);padding-block:3rem 3.5rem}.order-header{max-width:640px;margin-bottom:2rem}.order-header h2{margin:0 0 .7rem;font-size:1.6rem}.order-header p{color:var(--text-muted);margin:0;font-size:.96rem}.order-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem;margin-bottom:2.2rem;display:grid}.order-card{border-radius:var(--radius-lg);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);background:#fff;padding:1.5rem 1.6rem 1.6rem}.order-icon{background:var(--orange-soft);border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:.7rem;font-size:1.4rem;display:flex}.order-card h3{margin:0 0 .4rem;font-size:1.05rem}.order-card p{color:var(--text-muted);margin:0 0 .6rem;font-size:.9rem}.order-link{color:var(--orange);font-size:.92rem;font-weight:600;text-decoration:none}.order-footer{justify-content:flex-start;display:flex}@media (max-width:960px){.order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.order-grid{grid-template-columns:minmax(0,1fr)}}.btn,.btn:visited,.order-link,.order-link:visited{text-decoration:none}.order-link:hover{text-decoration:underline}.portfolio-card-link,.portfolio-card-link:visited{color:inherit;text-decoration:none;display:block}.portfolio-detail-section{border-top:1px solid var(--border-soft);padding-block:3rem 3.5rem}.portfolio-detail-header{max-width:640px;margin-bottom:2rem}.portfolio-detail-header h2{margin:0 0 .7rem;font-size:1.6rem}.portfolio-detail-header p{color:var(--text-muted);margin:0;font-size:.96rem}.portfolio-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;margin-bottom:2.2rem;display:grid}.portfolio-detail-card{box-shadow:var(--shadow-soft);background:#fff;border-radius:24px;flex-direction:column;padding:1.5rem 1.5rem 1.7rem;display:flex}.portfolio-detail-thumb{border-radius:18px;margin-bottom:1.1rem;overflow:hidden}.portfolio-detail-thumb img{object-fit:cover;width:100%;height:220px;display:block}.portfolio-detail-card h3{margin-bottom:.4rem;font-weight:700}.portfolio-detail-card p{color:#4b5563;margin-bottom:.9rem}.portfolio-view-link,.portfolio-view-link:visited{color:var(--orange);margin-top:auto;font-size:.9rem;font-weight:600;text-decoration:none}.portfolio-view-link:hover{text-decoration:underline}.portfolio-detail-footer{justify-content:flex-start;display:flex}.testimonials{border-top:1px solid var(--border-soft);padding-block:3rem 3.5rem}.testimonials-header{max-width:620px;margin-bottom:2rem}.testimonials-header h2{margin:0 0 .7rem;font-size:1.6rem}.testimonials-header p{color:var(--text-muted);margin:0;font-size:.96rem}.testimonials-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.testimonial-card{border-radius:var(--radius-lg);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);background:#fff;flex-direction:column;padding:1.4rem 1.5rem 1.6rem;display:flex}.testimonial-top{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem;display:flex}.testimonial-client{align-items:center;gap:.7rem;display:flex}.testimonial-avatar{background:var(--orange-soft);width:40px;height:40px;color:var(--orange);border-radius:999px;justify-content:center;align-items:center;font-weight:700;display:flex}.testimonial-client h3{margin:0;font-size:.98rem}.testimonial-role{color:var(--text-muted);margin:0;font-size:.84rem}.testimonial-rating{color:#f59e0b;font-size:.9rem}.testimonial-text{color:var(--text-muted);margin:0 0 1.1rem;font-size:.95rem}.testimonial-source{color:var(--text-muted);align-items:center;gap:.4rem;margin-top:auto;font-size:.82rem;display:flex}.testimonial-source img{width:auto;height:16px}@media (max-width:960px){.testimonials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.testimonials-grid{grid-template-columns:minmax(0,1fr)}}.case-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.case-modal{background:#fff;border-radius:24px;width:90%;max-width:960px;max-height:90vh;padding:24px 28px;position:relative;overflow:hidden;box-shadow:0 24px 80px #0f172a40}.case-modal-close{cursor:pointer;background:0 0;border:none;font-size:26px;line-height:1;position:absolute;top:14px;right:18px}.case-modal-description{color:#4b5563;margin-top:8px;margin-bottom:16px}.case-modal-images{flex-direction:column;gap:16px;max-height:55vh;padding-right:4px;display:flex;overflow-y:auto}.case-modal-images img{object-fit:cover;border-radius:18px;width:100%;height:auto}.portfolio-view-link{color:#ff7a2f;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.web-projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.8rem;padding-block:2rem 3rem;display:grid}.web-project-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid var(--border-soft);background:#fff;flex-direction:column;display:flex;overflow:hidden}.web-project-thumb{background:linear-gradient(135deg,#ffb85c,#ff7a1a,#ff4f5e);height:190px;overflow:hidden}.web-project-thumb img{object-fit:cover;width:100%;height:100%;display:block}.web-project-body{padding:1.6rem 1.7rem 1.8rem}.web-project-body h2{margin:0 0 .5rem;font-size:1.1rem}.web-project-body p{color:var(--text-muted);margin:0 0 1rem;font-size:.95rem}.hero-video,.portfolio-video{object-fit:cover;border-radius:24px;width:100%;height:100%;display:block}@media (max-width:960px){.web-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.web-projects-grid{grid-template-columns:minmax(0,1fr)}}.case-modal-video-wrapper{border-radius:18px;margin-top:.75rem;overflow:hidden}.case-modal-video{object-fit:cover;width:100%;height:auto;display:block}@media (max-width:960px){.portfolio-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.portfolio-detail-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:960px){.hero{grid-template-columns:minmax(0,1fr)}.hero-visual{order:-1;margin-bottom:1.5rem}.services-grid,.portfolio-grid,.portfolio-features,.ready,.about-professions{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links{display:none}}@media (max-width:640px){.services-grid,.portfolio-grid,.portfolio-features,.ready,.about-professions{grid-template-columns:minmax(0,1fr)}.hero{padding-block:2.5rem}.footer-inner{text-align:center;flex-direction:column}}