:root{--mat-purple-50: #f3e5f5;--mat-purple-100: #e1bee7;--mat-purple-200: #ce93d8;--mat-purple-300: #ba68c8;--mat-purple-400: #ab47bc;--mat-purple-500: #9c27b0;--mat-purple-600: #8e24aa;--mat-purple-700: #7b1fa2;--mat-purple-800: #6a1b9a;--mat-purple-900: #4a148c;--mat-amber-50: #fff8e1;--mat-amber-100: #ffecb3;--mat-amber-500: #ffc107;--mat-orange-500: #ff9800;--mat-orange-600: #fb8c00;--mat-orange-700: #f57c00;--mat-orange-800: #ef6c00;--mat-orange-900: #e65100;--mat-indigo-50: #e8eaf6;--mat-indigo-100: #c5cae9;--mat-indigo-700: #303f9f;--bg-primary: #ffffff;--bg-secondary: #faf9fd;--bg-tertiary: #f5f2fb;--surface-card: #ffffff;--surface-hover: #fcfbfe;--border-subtle: #eedff8;--border-light: #e6d3f2;--border-strong: #ce93d8;--text-main: #1e152a;--text-muted: #5c5468;--text-light: #837a91;--text-on-purple: #ffffff;--shadow-xs: 0 1px 3px rgba(74, 20, 140, .05);--shadow-sm: 0 4px 12px rgba(74, 20, 140, .06);--shadow-md: 0 8px 24px rgba(74, 20, 140, .08);--shadow-lg: 0 16px 36px rgba(74, 20, 140, .12);--shadow-hover: 0 20px 40px rgba(123, 31, 162, .16);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--font-family: "Roboto", -apple-system, BlinkMacSystemFont, sans-serif;--nav-height: 74px;--max-width: 1200px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden!important;width:100%;max-width:100vw}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden!important;width:100%;max-width:100vw;position:relative}section{scroll-margin-top:calc(var(--nav-height) + 16px)}.bg-geom-layer{position:absolute;top:0;left:0;width:100%;max-width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.dot-matrix{position:absolute;width:140px;height:180px;background-image:radial-gradient(var(--mat-purple-200) 2.2px,transparent 2.2px);background-size:16px 16px;opacity:.55;pointer-events:none}.dot-matrix-top-right{top:90px;right:20px}.dot-matrix-hero-left{top:380px;left:20px;opacity:.35}.floating-diamond{position:absolute;width:50px;height:50px;border:2px solid var(--mat-purple-200);transform:rotate(45deg);opacity:.45;pointer-events:none}.diamond-1{bottom:120px;left:40px;width:56px;height:56px}.diamond-2{bottom:80px;left:70px;width:40px;height:40px;border-color:var(--mat-orange-500);opacity:.35}.geom-stripe-group{position:absolute;display:flex;flex-direction:column;gap:8px;transform:rotate(-45deg);pointer-events:none}.stripe-top-right{top:-20px;right:-20px}.stripe{height:7px;border-radius:var(--radius-full)}.s-purple{width:120px;background:var(--mat-purple-600)}.s-orange{width:90px;background:var(--mat-orange-500)}.s-light{width:50px;background:var(--mat-purple-200)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px;position:relative;z-index:1;box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);color:var(--text-main);font-weight:700;line-height:1.25}p{color:var(--text-muted)}a{color:inherit;text-decoration:none;transition:all .2s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-family);font-weight:700;padding:12px 24px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-size:.95rem;box-sizing:border-box;max-width:100%}.btn-primary{background:linear-gradient(135deg,var(--mat-purple-700) 0%,var(--mat-purple-800) 100%);color:#fff;box-shadow:0 4px 14px #7b1fa24d}.btn-primary:hover{background:linear-gradient(135deg,var(--mat-purple-600) 0%,var(--mat-purple-700) 100%);box-shadow:0 8px 22px #7b1fa273;transform:translateY(-2px);color:#fff}.btn-secondary{background:#fff;color:var(--mat-purple-800);border:1.5px solid var(--mat-purple-300);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--mat-purple-50);border-color:var(--mat-purple-600);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-sm{padding:8px 16px;font-size:.86rem;border-radius:var(--radius-sm)}.btn-lg{padding:14px 28px;font-size:1.05rem;border-radius:var(--radius-md)}.btn-block{width:100%;white-space:normal;text-align:center}.text-gradient-purple{background:linear-gradient(135deg,var(--mat-purple-600) 0%,var(--mat-purple-800) 60%,var(--mat-purple-900) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.site-header{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);background:#fffffff0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-subtle);z-index:100;transition:all .3s ease;box-sizing:border-box}.nav-container{max-width:var(--max-width);height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-sizing:border-box}.brand-link{display:flex;align-items:center;flex-shrink:0}.navbar-logo-img{height:38px;width:auto;display:block}.main-nav{display:flex}.nav-links{display:flex;list-style:none;align-items:center;gap:28px}.nav-link{font-weight:500;font-size:.95rem;color:var(--text-muted);position:relative;padding:6px 0}.nav-link:hover,.nav-link.active{color:var(--mat-purple-700);font-weight:700}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:2.5px;background:var(--mat-purple-600);border-radius:var(--radius-full);transition:width .25s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.mobile-toggle-btn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;background:var(--mat-purple-50);border:1.5px solid var(--mat-purple-200);border-radius:var(--radius-md);cursor:pointer;padding:8px;transition:all .25s ease;flex-shrink:0;box-sizing:border-box}.mobile-toggle-btn:hover{background:var(--mat-purple-100);border-color:var(--mat-purple-400)}.mobile-toggle-btn .bar{height:2.5px;width:22px;background-color:var(--mat-purple-800);border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.mobile-toggle-btn.is-active .bar:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.mobile-toggle-btn.is-active .bar:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-toggle-btn.is-active .bar:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.mobile-menu-drawer{display:none;position:fixed;top:var(--nav-height);left:0;width:100%;background:#fff;border-bottom:2px solid var(--border-light);box-shadow:0 16px 36px #4a148c29;padding:24px 20px 28px;box-sizing:border-box;z-index:99}.mobile-menu-drawer.open{display:block;animation:slideDrawerDown .25s ease-out forwards}@keyframes slideDrawerDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-links{list-style:none;display:flex;flex-direction:column;gap:14px;margin-bottom:22px}.mobile-nav-link{font-size:1.05rem;font-weight:600;color:var(--text-main);display:block;padding:10px 4px;border-bottom:1px solid var(--border-subtle);transition:all .2s ease}.mobile-nav-link:hover{color:var(--mat-purple-700);padding-left:8px}.mobile-drawer-cta{padding-top:8px}.mobile-backdrop{position:fixed;top:var(--nav-height);left:0;width:100vw;height:100vh;background:#1e152a59;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:98}.hero-section{padding-top:calc(var(--nav-height) + 40px);padding-bottom:70px;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(225,190,231,.25) 0%,transparent 60%)}.hero-container{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:40px}.hero-content{display:flex;flex-direction:column;gap:20px}.hero-badge{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:8px 16px;background:var(--mat-purple-50);border:1px solid var(--mat-purple-200);border-radius:var(--radius-full);font-size:.84rem;font-weight:600;color:var(--mat-purple-800);box-sizing:border-box}.badge-dot{width:8px;height:8px;border-radius:50%;background:var(--mat-orange-500);box-shadow:0 0 0 3px #ff980040;flex-shrink:0}.hero-title{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:900;letter-spacing:-.5px;color:#12091f;line-height:1.2;word-break:break-word}.hero-description{font-size:1.1rem;color:var(--text-muted);max-width:580px;line-height:1.65}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px}.btn-arrow{transition:transform .25s ease}.btn-primary:hover .btn-arrow{transform:translate(4px)}.hero-stats{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:32px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-subtle);width:100%;max-width:540px;box-sizing:border-box}.stat-item{display:flex;flex-direction:column;flex:1;min-width:0}.stat-number{font-size:1.8rem;font-weight:900;color:var(--mat-purple-800);line-height:1;white-space:nowrap}.stat-label{font-size:.8rem;font-weight:500;color:var(--text-muted);margin-top:6px;line-height:1.35}.stat-divider{width:1px;height:40px;background:var(--border-light);flex-shrink:0}.hero-visual{display:flex;justify-content:center;position:relative;padding:24px 38px}.emblem-card-wrapper{position:relative;width:100%;max-width:380px}.hero-emblem-card{background:#fff;border-radius:var(--radius-xl);padding:40px 24px 52px;box-shadow:var(--shadow-lg);border:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2;transition:transform .35s ease,box-shadow .35s ease}.hero-emblem-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.emblem-circle{width:175px;height:175px;border-radius:50%;background:linear-gradient(145deg,#fbf9fd,#f4effa);display:flex;align-items:center;justify-content:center;margin-bottom:20px;border:1px solid var(--border-subtle);box-shadow:inset 0 2px 6px #7b1fa20d}.hero-logo-mark{width:115px;height:auto;filter:drop-shadow(4px 10px 18px rgba(74,20,140,.2));animation:floatMark 6s ease-in-out infinite}@keyframes floatMark{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.emblem-brand-text{display:flex;flex-direction:column;gap:4px}.emblem-title{font-size:2rem;font-weight:900;letter-spacing:5px;color:#1a102f}.emblem-subtitle{font-size:.8rem;font-weight:700;letter-spacing:4px;color:var(--mat-purple-700)}.emblem-pill{margin-top:18px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.76rem;font-weight:500;color:var(--text-muted);background:var(--bg-tertiary);padding:6px 14px;border-radius:var(--radius-full);max-width:100%;position:relative;z-index:4}.pill-dot{width:6px;height:6px;border-radius:50%;background:var(--mat-purple-600)}.floating-badge{position:absolute;background:#fff;padding:10px 16px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--border-subtle);display:flex;align-items:center;gap:10px;z-index:3;transition:transform .3s ease;white-space:nowrap}.floating-badge:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.floating-badge strong{display:block;font-size:.86rem;color:var(--text-main)}.floating-badge small{display:block;font-size:.72rem;color:var(--text-muted)}.badge-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.1rem}.purple-bg{background:var(--mat-purple-50);border:1px solid var(--mat-purple-200)}.indigo-bg{background:var(--mat-indigo-50);border:1px solid var(--mat-indigo-100)}.orange-bg{background:var(--mat-amber-50);border:1px solid var(--mat-amber-100)}.badge-desktop{top:-18px;left:-28px}.badge-webapp{top:36px;right:-32px}.badge-mobile{bottom:-24px;right:-24px}.section{padding:80px 0;position:relative}.section-header{text-align:center;max-width:680px;margin:0 auto 50px;display:flex;flex-direction:column;align-items:center}.section-tag{font-size:.8rem;font-weight:700;letter-spacing:2.5px;color:var(--mat-purple-700);background:var(--mat-purple-50);padding:5px 14px;border-radius:var(--radius-full);margin-bottom:12px}.section-title{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;color:var(--text-main)}.header-line{display:flex;align-items:center;justify-content:center;gap:6px;margin:16px 0 18px}.line-dot{width:10px;height:10px;border-radius:50%;border:2.5px solid var(--mat-purple-600);background:#fff}.line-bar{width:90px;height:3px;background:var(--mat-purple-600);border-radius:var(--radius-full)}.section-subtitle{font-size:1rem;color:var(--text-muted);line-height:1.65}.about-section{background:linear-gradient(180deg,#ffffff 0%,var(--bg-secondary) 100%)}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px}.about-card{background:#fff;padding:32px 24px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:all .3s ease}.about-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--mat-purple-300)}.about-card-icon{width:54px;height:54px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.purple-light-bg{background:var(--mat-purple-50);border:1px solid var(--mat-purple-200)}.amber-light-bg{background:var(--mat-amber-50);border:1px solid var(--mat-amber-100)}.about-card h3{font-size:1.25rem;margin-bottom:12px;color:var(--text-main)}.about-card p{font-size:.94rem;line-height:1.6}.services-section{background:#fff}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:28px}.service-card{background:#fff;padding:34px 28px;border-radius:var(--radius-xl);border:1.5px solid var(--border-subtle);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;position:relative;transition:all .3s ease}.service-card:hover{border-color:var(--mat-purple-400);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.service-badge{position:absolute;top:24px;right:24px;font-size:.74rem;font-weight:700;color:var(--mat-purple-800);background:var(--mat-purple-50);padding:4px 10px;border-radius:var(--radius-full);border:1px solid var(--mat-purple-200)}.service-icon-wrap{width:54px;height:54px;border-radius:var(--radius-md);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:20px}.service-title{font-size:1.35rem;margin-bottom:12px;color:var(--text-main)}.service-desc{font-size:.94rem;line-height:1.6;margin-bottom:20px}.service-features{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:24px;flex-grow:1}.service-features li{font-size:.88rem;color:var(--text-muted);display:flex;align-items:center;gap:10px}.service-features li:before{content:"✓";color:var(--mat-purple-600);font-weight:900}.service-link{font-weight:700;font-size:.92rem;color:var(--mat-purple-700);display:inline-flex;align-items:center;gap:6px}.service-link:hover{color:var(--mat-purple-900);transform:translate(4px)}.portfolio-section{background:var(--bg-secondary)}.portfolio-filter-bar{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:38px}.filter-btn{font-family:var(--font-family);font-weight:600;font-size:.9rem;padding:9px 20px;border-radius:var(--radius-full);background:#fff;color:var(--text-muted);border:1px solid var(--border-light);cursor:pointer;transition:all .25s ease}.filter-btn:hover{background:var(--mat-purple-50);color:var(--mat-purple-800);border-color:var(--mat-purple-300)}.filter-btn.active{background:var(--mat-purple-700);color:#fff;border-color:var(--mat-purple-700);box-shadow:0 4px 12px #7b1fa24d}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:28px}.portfolio-item{display:block;transition:all .3s ease}.portfolio-card{background:#fff;border-radius:var(--radius-xl);overflow:hidden;border:1.5px solid var(--border-subtle);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;transition:all .35s ease}.portfolio-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);border-color:var(--mat-purple-300)}.portfolio-img-box{background:#f1ecf7;height:230px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.portfolio-img-box img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-sm);box-shadow:0 4px 16px #0000001f;transition:transform .4s ease}.portfolio-card:hover .portfolio-img-box img{transform:scale(1.03)}.portfolio-img-box.split-phones{display:flex;gap:12px}.portfolio-img-box.split-phones img{max-width:47%;height:90%;object-fit:cover}.portfolio-img-box.split-phones-game{display:flex;flex-direction:column;gap:8px;justify-content:center}.portfolio-img-box.split-phones-game img{max-width:90%;max-height:45%;object-fit:cover}.portfolio-badge{position:absolute;top:12px;right:12px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.72rem;font-weight:700;color:var(--mat-purple-800);padding:4px 10px;border-radius:var(--radius-full);border:1px solid var(--border-subtle)}.portfolio-info{padding:24px;display:flex;flex-direction:column;flex-grow:1}.portfolio-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.meta-tag{font-size:.8rem;font-weight:700;color:var(--mat-purple-700)}.meta-year{font-size:.76rem;color:var(--text-light)}.portfolio-info h3{font-size:1.2rem;margin-bottom:10px;color:var(--text-main)}.portfolio-info p{font-size:.9rem;line-height:1.6;margin-bottom:18px;flex-grow:1}.portfolio-tech-list{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{font-size:.74rem;font-weight:600;color:var(--mat-purple-900);background:var(--mat-purple-50);padding:3px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.order-section{background:#fff}.order-steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px}.order-step-card{background:#fff;padding:32px 24px;border-radius:var(--radius-xl);border:1.5px solid var(--border-subtle);position:relative;box-shadow:var(--shadow-sm);transition:all .3s ease}.order-step-card:hover{border-color:var(--mat-purple-400);box-shadow:var(--shadow-md);transform:translateY(-4px)}.step-num{position:absolute;top:20px;right:24px;font-size:2.2rem;font-weight:900;color:var(--mat-purple-100);line-height:1}.step-icon-circle{width:50px;height:50px;border-radius:50%;background:var(--mat-purple-50);border:1.5px solid var(--mat-purple-200);display:flex;align-items:center;justify-content:center;margin-bottom:18px}.order-step-card h4{font-size:1.15rem;margin-bottom:10px;color:var(--text-main)}.order-step-card p{font-size:.9rem;line-height:1.6}.step-action-badge{margin-top:16px;display:inline-block;background:var(--mat-amber-50);color:var(--mat-orange-900);border:1px solid var(--mat-orange-500);padding:4px 12px;border-radius:var(--radius-full);font-size:.78rem;font-weight:700}.estimator-section{background:linear-gradient(180deg,var(--bg-secondary) 0%,#ffffff 100%)}.estimator-box{background:#fff;border-radius:var(--radius-xl);border:1.5px solid var(--border-subtle);box-shadow:var(--shadow-lg);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);overflow:hidden;box-sizing:border-box;width:100%;max-width:100%}.estimator-form{padding:36px 32px;box-sizing:border-box;width:100%}.form-group{margin-bottom:26px;width:100%}.form-label{display:block;font-size:.98rem;font-weight:700;color:var(--text-main);margin-bottom:12px}.radio-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;width:100%}.radio-card{padding:14px;border-radius:var(--radius-md);border:1.5px solid var(--border-light);background:var(--bg-secondary);cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:all .2s ease;position:relative;box-sizing:border-box;word-break:break-word}.radio-card input{position:absolute;opacity:0}.radio-card:hover{background:#fff;border-color:var(--mat-purple-400)}.radio-card.active{background:#fff;border-color:var(--mat-purple-700);box-shadow:0 4px 12px #7b1fa226}.radio-card-title{font-size:.92rem;font-weight:700;color:var(--text-main)}.radio-card.active .radio-card-title{color:var(--mat-purple-800)}.radio-card-desc{font-size:.76rem;color:var(--text-muted)}.scale-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}.scale-btn{padding:12px;border-radius:var(--radius-md);border:1.5px solid var(--border-light);background:var(--bg-secondary);cursor:pointer;display:flex;flex-direction:column;gap:4px;position:relative;transition:all .2s ease;box-sizing:border-box;word-break:break-word}.scale-btn input{position:absolute;opacity:0}.scale-btn:hover{border-color:var(--mat-purple-400);background:#fff}.scale-btn.active{background:#fff;border-color:var(--mat-purple-700);box-shadow:0 4px 12px #7b1fa226}.scale-btn strong{font-size:.86rem;color:var(--text-main)}.scale-btn.active strong{color:var(--mat-purple-800)}.scale-btn small{font-size:.72rem;color:var(--text-muted);line-height:1.35}.custom-select{width:100%;padding:12px 14px;border-radius:var(--radius-md);border:1.5px solid var(--border-light);background:#fff;font-family:var(--font-family);font-size:.92rem;color:var(--text-main);outline:none;cursor:pointer;transition:border-color .2s ease;box-sizing:border-box}.custom-select:focus{border-color:var(--mat-purple-600)}.estimator-result-panel{background:linear-gradient(145deg,#fbf9fd 0%,var(--mat-purple-50) 100%);padding:36px 32px;border-left:1.5px solid var(--border-subtle);display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;width:100%}.result-header{display:flex;align-items:center;gap:12px;margin-bottom:22px}.result-icon{width:42px;height:42px;border-radius:var(--radius-md);background:var(--mat-orange-500);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 4px 10px #ff98004d;flex-shrink:0}.result-header h4{font-size:1.1rem;color:var(--text-main)}.result-header small{color:var(--text-muted)}.result-breakdown{display:flex;flex-direction:column;gap:14px;background:#fff;padding:22px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);margin-bottom:18px;box-sizing:border-box;width:100%}.res-row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:6px;font-size:.9rem;color:var(--text-muted)}.res-row strong{color:var(--text-main);text-align:right;word-break:break-word;max-width:100%}.res-row.highlight-row{border-top:1px dashed var(--border-light);padding-top:12px;margin-top:4px;flex-direction:column;align-items:flex-start;gap:4px}.res-row.highlight-row strong{font-size:clamp(1.15rem,3.5vw,1.28rem);font-weight:900;color:var(--mat-purple-800);text-align:left}.result-notes{margin-bottom:22px}.result-notes small{font-size:.78rem;color:var(--text-light);line-height:1.45;display:block}.contact-section{background:#fff}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:36px}.contact-channels{display:flex;flex-direction:column;gap:16px}.channel-card{background:#fff;padding:22px;border-radius:var(--radius-lg);border:1.5px solid var(--border-subtle);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:18px;transition:all .3s ease;box-sizing:border-box}.channel-card:hover{transform:translate(6px);border-color:var(--mat-purple-400);box-shadow:var(--shadow-md)}.channel-icon-wrap{width:50px;height:50px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.wa-icon-bg{background:#25d366;box-shadow:0 4px 12px #25d3664d}.ig-icon-bg{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);box-shadow:0 4px 12px #dc27434d}.mail-icon-bg{background:#ea4335;box-shadow:0 4px 12px #ea43354d}.channel-details{display:flex;flex-direction:column;flex-grow:1}.channel-label{font-size:.76rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:1px}.channel-value{font-size:1.15rem;font-weight:700;color:var(--text-main);margin:2px 0}.channel-hint{font-size:.78rem;color:var(--text-muted)}.channel-arrow{font-size:1.3rem;color:var(--mat-purple-400);font-weight:700;transition:transform .2s ease}.channel-card:hover .channel-arrow{transform:translate(4px);color:var(--mat-purple-700)}.contact-form-box{background:var(--bg-secondary);padding:36px;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);box-sizing:border-box}.contact-form-box h3{font-size:1.35rem;margin-bottom:8px;color:var(--text-main)}.contact-form-box p{font-size:.92rem;margin-bottom:22px}.direct-contact-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:.86rem;font-weight:600;color:var(--text-main)}.form-field input,.form-field textarea{padding:12px 14px;border-radius:var(--radius-md);border:1.5px solid var(--border-light);background:#fff;font-family:var(--font-family);font-size:.92rem;color:var(--text-main);outline:none;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;width:100%}.form-field input:focus,.form-field textarea:focus{border-color:var(--mat-purple-600);box-shadow:0 0 0 3px #9c27b026}.site-footer{background:#fff;border-top:1px solid var(--border-light);padding-top:60px}.footer-container{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:48px}.footer-brand-col{display:flex;flex-direction:column;gap:14px}.footer-logo img{height:36px;width:auto}.footer-desc{font-size:.9rem;line-height:1.6}.footer-badge-since{display:inline-flex;align-items:center;align-self:flex-start;padding:6px 14px;border-radius:var(--radius-full);background:var(--mat-purple-50);border:1px solid var(--mat-purple-200);font-size:.78rem;font-weight:700;color:var(--mat-purple-800)}.footer-nav-col h4{font-size:1rem;margin-bottom:18px;color:var(--text-main);font-weight:700}.footer-nav-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-nav-col li a{font-size:.88rem;color:var(--text-muted)}.footer-nav-col li a:hover{color:var(--mat-purple-700);padding-left:4px}.footer-nav-col p{font-size:.88rem;margin-bottom:8px}.footer-bottom-bar{border-top:1px solid var(--border-subtle);padding:20px 0;background:var(--bg-secondary)}.bottom-bar-inner{display:flex;justify-content:space-between;align-items:center;font-size:.84rem;color:var(--text-muted)}.footer-tagline{color:var(--mat-purple-700);font-weight:500}@media (max-width: 992px){.hero-container{grid-template-columns:1fr;text-align:center;gap:40px}.hero-content{align-items:center}.hero-actions{justify-content:center}.hero-stats{justify-content:center;margin:24px auto 0}.estimator-box{grid-template-columns:1fr;border-radius:var(--radius-lg)}.estimator-result-panel{border-left:none;border-top:1.5px solid var(--border-subtle)}.contact-grid{grid-template-columns:1fr}.footer-container{grid-template-columns:1fr 1fr}}@media (max-width: 768px){:root{--nav-height: 64px}html,body{overflow-x:hidden!important;width:100%!important;max-width:100vw!important}.container{padding:0 16px}.site-header{height:64px}.nav-container{padding:0 16px;gap:12px}.navbar-logo-img{height:29px;width:auto}.main-nav{display:none}.desktop-only-btn{display:none!important}.mobile-toggle-btn{display:flex}.mobile-menu-drawer,.mobile-backdrop{top:64px}.hero-section{padding-top:88px;padding-bottom:50px}.hero-badge{align-self:center;font-size:.78rem;padding:7px 12px;text-align:center;max-width:100%}.hero-title{font-size:clamp(1.85rem,6.5vw,2.3rem);text-align:center}.hero-description{font-size:.98rem;text-align:center}.hero-actions{flex-direction:column;width:100%;max-width:290px;margin:0 auto;gap:12px}.hero-actions .btn{width:100%}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;padding:18px 0 0;margin-top:16px;max-width:100%}.stat-divider{display:none}.stat-number{font-size:1.45rem}.stat-label{font-size:.72rem;line-height:1.25}.emblem-card-wrapper{max-width:100%}.hero-emblem-card{padding:28px 16px}.emblem-circle{width:140px;height:140px}.hero-logo-mark{width:90px}.emblem-title{font-size:1.6rem;letter-spacing:3.5px}.emblem-subtitle{font-size:.72rem;letter-spacing:2.5px}.floating-badge{position:static;margin-top:10px;width:100%;box-sizing:border-box;animation:none;white-space:normal}.badge-desktop,.badge-webapp,.badge-mobile{top:auto;left:auto;right:auto;bottom:auto}.stripe-top-right,.dot-matrix-top-right,.floating-diamond{display:none}.section{padding:56px 0}.section-header{margin-bottom:32px}.service-card{padding:26px 20px}.portfolio-img-box.split-phones{gap:8px}.order-step-card{padding:26px 20px}.estimator-form{padding:24px 16px}.radio-cards-grid{grid-template-columns:1fr}.estimator-result-panel{padding:24px 16px}.scale-options-grid{grid-template-columns:1fr}.btn{white-space:normal;text-align:center;word-break:break-word}.contact-form-box{padding:24px 16px}.form-row{grid-template-columns:1fr}.footer-container{grid-template-columns:1fr;gap:32px}.bottom-bar-inner{flex-direction:column;gap:8px;text-align:center}}