:root{--ink:#172033;--muted:#687386;--blue:#2563eb;--blue-dark:#1d4ed8;--line:#e7ebf2;--soft:#f7f9fc;--font-body:'DM Sans',sans-serif;--font-heading:'Manrope',sans-serif}
*{box-sizing:border-box}body{font-family:var(--font-body);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,.navbar-brand{font-family:var(--font-heading);letter-spacing:-.035em}a{color:inherit;text-decoration:none}.text-blue{color:var(--blue)}.btn-primary{background:var(--blue);border-color:var(--blue);box-shadow:0 6px 16px rgba(37,99,235,.13)}.btn-primary:hover{background:var(--blue-dark);border-color:var(--blue-dark);transform:translateY(-1px)}.btn{font-weight:600;transition:all .2s ease}.brand-mark{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-heading);font-weight:800;letter-spacing:-.05em;font-size:1.2rem}.brand-icon{display:inline-grid;place-items:center;background:var(--blue);color:#fff;width:32px;height:32px;border-radius:10px;font-size:1rem;letter-spacing:0}.brand-dot{color:var(--blue);margin-left:-8px}.navbar .nav-link{font-weight:600;color:#606b7c;font-size:.94rem}.navbar .nav-link:hover{color:var(--blue)}.hero-section{padding:88px 0 76px;overflow:hidden}.eyebrow,.section-label{font-size:.72rem;letter-spacing:.14em;font-weight:800;color:var(--blue)}.eyebrow{display:inline-flex;align-items:center;gap:9px;background:#eff6ff;padding:10px 14px;border-radius:999px}.eyebrow-pulse{width:7px;height:7px;border-radius:50%;background:#3b82f6;box-shadow:0 0 0 4px #dbeafe}.hero-title{font-size:clamp(2.8rem,5.4vw,4.65rem);line-height:1.08;font-weight:800;letter-spacing:-.065em}.hero-copy{font-size:1.12rem;line-height:1.8;color:var(--muted);max-width:540px}.hero-trust{display:flex;align-items:center;gap:14px;font-size:.88rem}.trust-avatars{display:flex;padding-left:3px}.trust-avatars span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:3px solid white;margin-left:-4px;background:#dbeafe;color:#1d4ed8;font-size:.58rem;font-weight:800}.trust-avatars span:nth-child(2){background:#e9e7ff;color:#6553b5}.trust-avatars span:nth-child(3){background:#d1fae5;color:#047857}.hero-visual{min-height:420px;position:relative;display:flex;align-items:center;justify-content:center}.hero-orb{position:absolute;width:370px;height:370px;border-radius:50%;background:linear-gradient(145deg,#eff6ff,#dbeafe);right:4%;top:8%;z-index:0}.visual-window{position:relative;z-index:1;width:min(100%,500px);background:white;border:1px solid #e5eaf2;border-radius:16px;box-shadow:0 28px 70px rgba(23,32,51,.14);overflow:hidden;transform:rotate(-2deg)}.window-bar{height:42px;background:#fbfcfe;border-bottom:1px solid #edf0f5;display:flex;align-items:center;gap:6px;padding:0 15px}.window-bar i{width:7px;height:7px;border-radius:50%;background:#d8dee8}.window-bar span{font-size:.65rem;color:#9aa4b4;margin:auto}.preview-site{padding:0 22px 24px;background:#fff}.preview-nav{height:54px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #f0f2f7}.preview-nav b{font-size:.75rem;margin-right:auto}.preview-nav b span{color:var(--blue)}.preview-nav div{height:5px;width:30px;border-radius:8px;background:#e6eaf1}.preview-content{padding:30px 18px 8px}.preview-kicker{font-size:.48rem;letter-spacing:.17em;color:var(--blue);font-weight:800}.preview-heading{font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.1;font-weight:800;letter-spacing:-.06em;margin-top:12px}.preview-line{height:5px;width:72%;background:#e9edf4;border-radius:5px;margin-top:14px}.preview-line.short{width:52%;margin-top:7px}.preview-button{width:90px;height:25px;background:var(--blue);border-radius:20px;margin-top:18px}.preview-cards{display:flex;gap:10px;margin-top:26px}.preview-card{height:75px;flex:1;border-radius:8px;background:#f1f5f9}.blue-card{background:linear-gradient(135deg,#dbeafe,#eff6ff)}.floating-note{position:absolute;z-index:2;background:white;border:1px solid #edf0f5;box-shadow:0 12px 35px rgba(23,32,51,.1);border-radius:13px;padding:12px 15px;display:flex;align-items:center;gap:10px;font-size:.8rem}.floating-note small{display:block;color:var(--muted);font-size:.7rem;margin-top:2px}.note-top{top:46px;right:0}.note-bottom{bottom:35px;left:0}.note-icon,.note-check{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eff6ff;color:var(--blue);font-size:1.1rem}.note-check{background:#dcfce7;color:#15803d}.section-pad{padding:76px 0}.section-heading{max-width:660px}.section-heading h2,.display-heading{font-size:clamp(2rem,4vw,3.1rem);line-height:1.15;font-weight:800;letter-spacing:-.06em;margin-top:14px}.section-heading p,.lead-copy{color:var(--muted);line-height:1.8;font-size:1.03rem}.service-card{border:1px solid var(--line);border-radius:18px;padding:28px 25px;background:white;transition:transform .2s,box-shadow .2s}.service-card:hover,.project-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(23,32,51,.08)}.service-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eff6ff;color:var(--blue);font-size:1.45rem;margin-bottom:23px}.icon-lilac{background:#f3f0ff;color:#7758d6}.icon-mint{background:#e8fbf3;color:#0f9f6e}.service-card h3{font-size:1.2rem;font-weight:800}.service-card p{color:var(--muted);line-height:1.75;font-size:.94rem;margin:12px 0 20px}.service-meta{font-size:.75rem;color:#566174;background:#f7f9fc;padding:7px 10px;border-radius:6px}.portfolio-section{background:var(--soft)}.text-link{font-weight:700;color:var(--blue);font-size:.92rem}.text-link span,.project-link span{display:inline-block;transition:transform .2s}.text-link:hover span,.project-link:hover span{transform:translateX(4px)}.project-card{border:1px solid var(--line);border-radius:17px;background:white;overflow:hidden;transition:transform .2s,box-shadow .2s}.project-image{display:block;position:relative;overflow:hidden;aspect-ratio:1.5;background:#edf2f8}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.project-card:hover .project-image img{transform:scale(1.035)}.image-arrow{position:absolute;right:13px;top:13px;display:grid;place-items:center;background:#fff;width:36px;height:36px;border-radius:50%;color:var(--blue);box-shadow:0 3px 10px #00000012}.project-info{padding:22px}.project-category{font-size:.72rem;color:var(--blue);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.project-info h3{font-size:1.18rem;font-weight:800;margin:10px 0}.project-info p{color:var(--muted);font-size:.9rem;line-height:1.7;min-height:48px}.project-link{display:inline-flex;gap:8px;align-items:center;font-size:.86rem;font-weight:700;color:var(--blue);margin-top:3px}.benefit-list{border-top:1px solid var(--line)}.benefit-item{display:flex;gap:22px;padding:23px 0;border-bottom:1px solid var(--line)}.benefit-number{font-size:.8rem;font-weight:800;color:var(--blue);background:#eff6ff;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;flex-shrink:0}.benefit-item h3{font-size:1.05rem;font-weight:800;margin:2px 0 7px}.benefit-item p{color:var(--muted);font-size:.92rem;line-height:1.7;margin:0}.cta-panel{background:linear-gradient(115deg,#1d4ed8,#2563eb 65%,#3b82f6);color:white;border-radius:24px;padding:clamp(28px,5vw,58px);display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:25px;position:relative;overflow:hidden}.cta-panel:after{content:'';position:absolute;width:260px;height:260px;border:1px solid #ffffff2b;border-radius:50%;right:22%;top:-150px;box-shadow:0 0 0 30px #ffffff08,0 0 0 60px #ffffff08}.cta-panel h2{font-size:clamp(1.7rem,3vw,2.6rem);font-weight:800;letter-spacing:-.05em;margin:12px 0}.cta-panel p{margin:0;color:#dbeafe}.cta-panel .btn{position:relative;z-index:1;white-space:nowrap}.site-footer{background:#fbfcfe;border-top:1px solid var(--line)}.footer-link{font-size:.88rem;font-weight:600;color:#596477}.footer-link:hover{color:var(--blue)}.page-hero{padding:75px 0 50px}.page-hero .display-heading{font-size:clamp(2.3rem,5vw,4rem)}.back-link{color:var(--muted);font-size:.9rem;font-weight:600}.back-link:hover{color:var(--blue)}.filter-bar{display:flex;gap:9px;flex-wrap:wrap}.filter-chip{border:1px solid var(--line);background:white;padding:9px 16px;border-radius:999px;font-size:.86rem;font-weight:600;color:#596477}.filter-chip:hover,.filter-chip.active{background:var(--blue);border-color:var(--blue);color:white}.empty-state{border:1px dashed #cbd5e1;background:#f8fafc;border-radius:16px;padding:38px;text-align:center;color:var(--muted)}.detail-cover{background:#f1f5f9;border:1px solid var(--line);border-radius:20px;overflow:hidden}.detail-cover img{width:100%;max-height:650px;object-fit:cover;display:block}.project-description{font-size:1rem;line-height:1.9;color:#4b5565}.feature-list{padding-left:0;list-style:none}.feature-list li{padding:10px 0 10px 30px;position:relative;border-bottom:1px solid #f0f2f5;color:#4b5565}.feature-list li:before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:800}.detail-shot{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.detail-shot img{display:block;width:100%;height:250px;object-fit:cover;transition:transform .3s}.detail-shot:hover img{transform:scale(1.03)}.project-facts{padding:25px;border:1px solid var(--line);border-radius:17px;position:sticky;top:110px}.project-facts h3{font-size:1.1rem;font-weight:800;margin-bottom:24px}.fact-row{display:flex;flex-direction:column;gap:5px;padding:14px 0;border-bottom:1px solid var(--line)}.fact-row span{font-size:.78rem;color:var(--muted)}.fact-row strong{font-size:.92rem;line-height:1.6}.contact-aside{background:var(--soft);border-radius:20px;padding:30px}.contact-aside h2{font-size:1.7rem;font-weight:800;letter-spacing:-.05em}.contact-aside>p{color:var(--muted);line-height:1.8;margin-top:15px}.contact-detail{display:flex;gap:13px;align-items:center;margin-top:28px}.contact-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:white;color:var(--blue);font-weight:800}.contact-detail small{display:block;color:var(--muted);font-size:.76rem;margin-bottom:3px}.contact-detail a,.contact-detail strong{font-size:.9rem;font-weight:700;overflow-wrap:anywhere}.contact-form-card{padding:clamp(22px,4vw,36px);border:1px solid var(--line);border-radius:20px;box-shadow:0 15px 45px #17203308}.form-label{font-size:.86rem;font-weight:700}.form-control,.form-select{border-color:#dfe5ee;border-radius:10px;padding:12px 14px;font-size:.92rem}.form-control:focus,.form-select:focus{border-color:#93b4ff;box-shadow:0 0 0 .2rem #2563eb15}.admin-login-bg{min-height:100vh;background:#f5f8fc;display:grid;place-items:center;padding:20px}.login-card{background:white;width:min(100%,430px);padding:35px;border-radius:20px;border:1px solid var(--line);box-shadow:0 25px 70px #1720330c}.admin-body{background:#f7f9fc;min-height:100vh}.admin-stat,.admin-panel{background:white;border:1px solid var(--line);border-radius:16px;padding:22px}.admin-stat small{display:block;color:var(--muted);font-size:.84rem}.admin-stat strong{display:block;font-family:var(--font-heading);font-size:2.2rem;letter-spacing:-.06em;margin:7px 0}.admin-panel{padding:24px}.admin-panel .table{font-size:.9rem}.admin-panel .table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;border-bottom-color:var(--line)}.admin-panel .table td{border-bottom-color:#f0f2f6}.saved-image{border:1px solid var(--line);border-radius:12px;overflow:hidden}.saved-image img{width:100%;height:130px;object-fit:cover;display:block}.saved-image form{margin:0}.admin-panel .form-label{margin-bottom:7px}
@media(max-width:991.98px){.hero-section{padding:60px 0 45px}.hero-visual{min-height:370px}.hero-orb{width:300px;height:300px}.note-top{right:1%}.section-pad{padding:60px 0}.cta-panel{align-items:flex-start;flex-direction:column}.project-facts{position:static}}@media(max-width:575.98px){.hero-section{padding:46px 0 25px}.hero-title{font-size:2.8rem}.hero-copy{font-size:1rem}.hero-visual{min-height:315px;margin:0 -4px}.hero-orb{width:255px;height:255px;right:9%;top:9%}.visual-window{width:94%}.preview-content{padding:22px 8px 5px}.preview-site{padding:0 14px 18px}.preview-cards{margin-top:18px}.preview-card{height:48px}.floating-note{padding:9px 10px;font-size:.72rem}.floating-note small{font-size:.64rem}.note-top{top:16px;right:-2px}.note-bottom{bottom:12px;left:-2px}.note-icon,.note-check{width:29px;height:29px}.section-pad{padding:52px 0}.section-heading h2,.display-heading{font-size:2.15rem}.service-card{padding:23px}.page-hero{padding:48px 0 34px}.detail-shot img{height:190px}.contact-aside{padding:24px}.login-card{padding:26px}.admin-panel{padding:16px}.admin-stat{padding:17px}}