@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--blue:#2418cf;--blue2:#4b43ef;--navy:#101443;--ink:#171a2d;--muted:#69708a;--line:#e8eaf2;--soft:#f6f7fc;--white:#fff;--radius:20px;--shadow:0 20px 60px rgba(24,31,90,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.65;background:#fff;font-size:15px}h1,h2,h3,h4{font-family:Manrope,'DM Sans',sans-serif;line-height:1.15;letter-spacing:-.04em;margin:0 0 16px;font-weight:800}h1{font-size:clamp(2.7rem,5vw,4.65rem)}h2{font-size:clamp(2rem,3.6vw,3.2rem)}h3{font-size:1.18rem;letter-spacing:-.025em}p{margin:0 0 18px;color:var(--muted)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}.container{width:min(1160px,calc(100% - 44px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:16px;background:#fff;padding:12px;z-index:1000}.skip-link:focus{top:10px}.site-header{height:88px;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(232,234,242,.8)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;flex-shrink:0}.brand img{width:176px;height:auto;max-height:60px;object-fit:contain;object-position:left center}.primary-nav{display:flex;align-items:center;gap:clamp(16px,2.1vw,30px)}.primary-nav>a:not(.btn){font-size:13px;font-weight:700;color:#555d76;transition:color .2s}.primary-nav>a:not(.btn):hover,.primary-nav>a.active{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:10px;padding:13px 19px;font-size:13px;font-weight:700;line-height:1.2;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:white;box-shadow:0 8px 22px rgba(36,24,207,.18)}.btn-primary:hover{background:#1710a9;box-shadow:0 12px 26px rgba(36,24,207,.25)}.btn-white{background:white;color:var(--blue);box-shadow:0 8px 24px rgba(4,8,48,.12)}.btn-outline-light{border-color:rgba(255,255,255,.42);color:#fff;background:rgba(255,255,255,.04)}.btn-outline-dark{border-color:#d7daea;color:var(--ink);background:#fff}.btn-outline-dark:hover{border-color:var(--blue);color:var(--blue)}.btn-block{width:100%}.menu-toggle{display:none;border:1px solid var(--line);border-radius:10px;background:white;width:44px;height:44px;padding:11px;cursor:pointer}.menu-toggle span{display:block;height:2px;background:var(--navy);margin:5px 0;border-radius:2px}.flash{margin-top:18px;padding:13px 16px;border-radius:12px;font-weight:600}.flash-success{background:#e8fbf1;color:#11633c}.flash-error{background:#fff0f0;color:#a52626}.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 78% 45%,rgba(89,77,255,.36),transparent 28%),linear-gradient(118deg,#10133d 0%,#17116f 48%,#2418cf 100%);padding:86px 0 0;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;z-index:-1}.hero-glow-one{width:440px;height:440px;right:-100px;top:-180px;background:rgba(111,103,255,.16)}.hero-glow-two{width:260px;height:260px;left:30%;bottom:-190px;background:rgba(72,64,255,.22)}.hero-grid{position:relative;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:56px;min-height:485px}.hero-copy{padding:8px 0 45px}.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800;color:var(--blue);margin-bottom:18px}.eyebrow-light{color:#c6c7ff}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#8a84ff;box-shadow:0 0 0 5px rgba(138,132,255,.14)}.hero h1{max-width:660px;font-size:clamp(2.75rem,5vw,4.45rem);line-height:1.07;margin:0 0 24px}.hero-copy>p{font-size:17px;line-height:1.8;color:#d3d6f2;max-width:540px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-proof{display:flex;align-items:center;gap:14px;margin-top:38px}.avatar-stack{display:flex;padding-left:4px}.avatar-stack span{width:34px;height:34px;display:grid;place-items:center;border:2px solid #1c1b80;border-radius:50%;margin-left:-5px;background:#d4d2ff;color:#2418cf;font-size:10px;font-weight:800}.avatar-stack span:nth-child(2){background:#b2c9ff}.avatar-stack span:nth-child(3){background:#f2d7ff}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:12px}.hero-proof small{color:#b6b9df;font-size:11px}.hero-visual{position:relative;min-height:450px;display:grid;place-items:center}.visual-orbit{position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%;transform:rotate(-24deg)}.orbit-a{width:460px;height:320px}.orbit-b{width:520px;height:390px;transform:rotate(30deg)}.dashboard-card{position:relative;width:min(100%,420px);padding:23px;border-radius:19px;background:rgba(255,255,255,.98);color:var(--ink);box-shadow:0 30px 90px rgba(3,4,37,.34);transform:rotate(2deg);z-index:2}.dash-top,.dash-heading,.chart-title,.dash-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.mini-brand{display:flex;align-items:center;gap:9px;font-size:11px}.mini-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--blue);color:white;font-weight:800}.live-dot{font-size:9px;color:#1a9b68;background:#e8fbf1;border-radius:20px;padding:5px 8px}.dash-heading{margin:25px 0 17px}.dash-heading small,.metric small{display:block;color:#7b8197;font-size:10px}.dash-heading h3{font-size:18px;margin:4px 0 0}.dash-menu{color:#9aa0b6;letter-spacing:2px}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric{padding:15px;border:1px solid #eceef6;border-radius:12px}.metric strong{display:block;font-family:Manrope;font-size:27px;line-height:1.4}.metric span{font-size:9px;color:#81879c}.chart-panel{margin-top:14px;border:1px solid #eceef6;border-radius:12px;padding:14px 14px 5px}.chart-title b{font-size:10px}.chart-title span{font-size:9px;color:#9aa0b6}.chart-panel svg{width:100%;margin-top:8px}.dash-bottom{padding-top:15px;font-size:9px;color:#7d8498}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#20bd85;margin-right:5px}.floating-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:#fff;color:var(--ink);border:1px solid rgba(255,255,255,.7);border-radius:13px;padding:12px 15px;box-shadow:0 15px 40px rgba(0,0,0,.16)}.floating-chip b,.floating-chip small{display:block}.floating-chip b{font-size:10px}.floating-chip small{font-size:9px;color:#858ba0;margin-top:2px}.chip-top{top:34px;right:-4px}.chip-bottom{bottom:30px;left:-8px}.chip-icon,.chip-check{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#eeedff;color:var(--blue);font-size:17px}.chip-check{background:#e6fbf1;color:#16875b}.hero-bottom{position:relative;display:flex;align-items:center;gap:16px;padding:19px 0 22px;border-top:1px solid rgba(255,255,255,.17);font-size:10px;color:#c5c8ee;letter-spacing:.04em}.hero-bottom-line{height:1px;flex:1;background:rgba(255,255,255,.22)}.trust-strip{border-bottom:1px solid var(--line);background:#fff}.trust-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px}.trust-inner span{font-size:11px;color:#9298ab}.trust-inner b{font-size:12px;color:#606781}.section{padding:94px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}.section-heading>div{max-width:610px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:405px;margin:0 0 4px;font-size:14px;line-height:1.8}.text-gradient{background:linear-gradient(100deg,#3022d6,#7771ff);-webkit-background-clip:text;background-clip:text;color:transparent}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{padding:28px 25px 25px;border:1px solid var(--line);border-radius:16px;background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#d5d3ff}.service-icon{width:53px;height:53px;display:grid;place-items:center;background:#f0efff;color:var(--blue);border-radius:15px;margin-bottom:25px}.service-card h3{margin-bottom:11px}.service-card p{font-size:13px;line-height:1.75;min-height:68px}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font-size:12px;font-weight:800}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(3px,-2px)}.section-action{text-align:center;margin-top:34px}.section-feature{background:#f8f9ff;overflow:hidden}.feature-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.feature-art{position:relative;min-height:410px;display:grid;place-items:center}.art-backdrop{position:absolute;width:82%;height:83%;border-radius:28px;background:linear-gradient(140deg,#e3e2ff,#c7d7ff);transform:rotate(-7deg)}.art-window{position:relative;width:91%;background:white;border:1px solid #e6e8f5;border-radius:16px;overflow:hidden;box-shadow:0 25px 60px rgba(26,29,91,.17);transform:rotate(2deg)}.art-window-top{height:45px;border-bottom:1px solid #edf0f7;display:flex;align-items:center;gap:5px;padding:0 14px}.art-window-top>span{width:7px;height:7px;border-radius:50%;background:#dadcf0}.art-window-top small{margin-left:12px;font-size:9px;color:#8289a1}.art-window-body{display:grid;grid-template-columns:52px 1fr;min-height:260px}.art-side{padding:20px 16px;background:#171746;display:flex;flex-direction:column;gap:19px}.art-side i{height:5px;border-radius:5px;background:#6561b6}.art-side i:first-child{background:#fff}.art-content{padding:24px}.art-label{font-size:9px;letter-spacing:.1em;color:var(--blue);font-weight:800}.art-line{height:10px;width:52%;background:#e6e8f5;border-radius:6px;margin-top:12px}.art-line-wide{width:78%;height:18px;background:#2522a9}.art-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:27px}.art-cards i{height:73px;border:1px solid #e6e8f5;border-radius:8px;background:linear-gradient(145deg,#f8f9ff,#e7eaff)}.art-cards i:nth-child(2){background:linear-gradient(145deg,#e5e3ff,#c7c5ff)}.art-progress{height:8px;border-radius:9px;background:#f0f1f8;margin-top:21px}.art-progress span{display:block;width:69%;height:100%;border-radius:9px;background:linear-gradient(90deg,#3425d9,#8984ff)}.art-sticker{position:absolute;right:-1%;bottom:14%;display:flex;align-items:center;gap:12px;padding:16px 19px;border-radius:14px;background:#fff;box-shadow:var(--shadow);font-size:11px;line-height:1.4}.art-sticker span{display:grid;place-items:center;width:35px;height:35px;background:#edecff;color:var(--blue);border-radius:10px;font-size:20px}.feature-copy>p{font-size:14px;line-height:1.9;margin:22px 0}.benefit-list{display:grid;gap:19px;margin:25px 0 30px}.benefit-list>div{display:flex;gap:13px}.benefit-check{width:24px;height:24px;flex-shrink:0;display:grid;place-items:center;background:#e9f9f2;color:#168b61;border-radius:50%;font-size:12px;font-weight:800}.benefit-list b{font-size:13px}.benefit-list p{font-size:12px;margin:4px 0 0}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{min-width:0}.project-visual{position:relative;display:grid;place-items:center;min-height:250px;border-radius:17px;overflow:hidden;background:linear-gradient(140deg,#e4e6ff,#cdd6ff)}.project-visual img{width:100%;height:100%;min-height:250px;object-fit:cover;position:absolute;inset:0}.project-visual-2{background:linear-gradient(140deg,#e2f3ff,#d1dcff)}.project-visual-3{background:linear-gradient(140deg,#e4e0ff,#f2e4ff)}.project-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:24px;min-height:240px;width:100%;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.7),transparent 60%)}.project-placeholder>span{display:grid;place-items:center;width:62px;height:62px;border-radius:19px;background:var(--blue);color:white;font-family:Manrope;font-size:26px;font-weight:800;box-shadow:0 12px 24px rgba(36,24,207,.2)}.project-placeholder b{font-family:Manrope;font-size:14px;max-width:240px}.project-placeholder small{font-size:10px;color:#606782}.project-arrow{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--blue);box-shadow:0 4px 16px rgba(20,24,70,.1);z-index:2}.project-meta{padding:18px 3px 0}.project-meta>span,.blog-category{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--blue)}.project-meta h3{margin:8px 0}.project-meta p{font-size:12px;margin:0;line-height:1.7}.section-process{background:#fff}.centered{display:block;text-align:center;max-width:720px;margin:0 auto 46px}.centered>div{max-width:none}.centered>p{max-width:500px;margin:18px auto 0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.process-step{position:relative;padding:25px 22px;border:1px solid var(--line);border-radius:16px}.process-step>span{position:absolute;right:20px;top:18px;font-family:Manrope;font-size:12px;font-weight:800;color:#b9bbd6}.process-icon{width:45px;height:45px;border-radius:13px;background:#f0efff;color:var(--blue);display:grid;place-items:center;font-size:24px;margin-bottom:26px}.process-step h3{margin-bottom:10px}.process-step p{font-size:12px;line-height:1.8;margin:0}.section-testimonials{background:#f8f9ff}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.testimonial-card{margin:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px}.quote-mark{font-family:Georgia,serif;color:var(--blue);font-size:45px;line-height:1}.testimonial-card>p{font-size:13px;line-height:1.8;min-height:70px;color:#555d76}.testimonial-card footer{border-top:1px solid #edf0f7;padding-top:16px}.testimonial-card footer b,.testimonial-card footer span{display:block}.testimonial-card footer b{font-size:12px}.testimonial-card footer span{font-size:10px;color:#8a90a5}.testimonial-placeholder{border-style:dashed}.section-blog{padding-bottom:100px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.blog-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white}.blog-image{min-height:190px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#e6e5ff,#d4e1ff)}.blog-image-2{background:linear-gradient(135deg,#d9f0ff,#d8d8ff)}.blog-image-3{background:linear-gradient(135deg,#e8e0ff,#f6e7ff)}.blog-image>span{font-family:Manrope;font-size:65px;font-weight:800;color:rgba(36,24,207,.22)}.blog-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.blog-content{padding:23px}.blog-content h3{font-size:17px;line-height:1.4;margin:11px 0}.blog-content p{font-size:12px;line-height:1.8;margin-bottom:17px}.cta-section{background:linear-gradient(115deg,#141541,#2418cf);color:#fff;overflow:hidden;position:relative}.cta-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:70px;padding-bottom:70px}.cta-inner>div:first-child{position:relative;z-index:2}.cta-inner h2{font-size:clamp(2.1rem,4vw,3.3rem);margin:0 0 15px}.cta-inner p{max-width:510px;color:#c7c9ee;margin:0}.cta-actions{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:17px}.cta-secondary{font-size:12px;color:#d8d9ff;font-weight:700}.cta-orb{position:absolute;right:12%;top:-170px;width:430px;height:430px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.02)}.site-footer{background:#10122f;color:#fff;padding:63px 0 0}.footer-grid{display:grid;grid-template-columns:1.5fr .8fr .9fr 1.1fr;gap:45px;padding-bottom:47px}.brand-footer img{filter:brightness(0) invert(1);opacity:.96}.footer-brand p{font-size:12px;color:#a8abc8;max-width:270px;line-height:1.8;margin:20px 0}.site-footer h3{font-size:13px;letter-spacing:0;margin-bottom:20px}.site-footer .footer-grid>div:not(:first-child)>a,.site-footer .footer-grid>div:not(:first-child)>p{display:block;font-size:11px;color:#a8abc8;margin:0 0 12px;line-height:1.7}.site-footer a:hover{color:#fff}.social-links{display:flex;gap:8px}.social-links a{display:grid;place-items:center;width:31px;height:31px;border:1px solid #37395c;border-radius:9px;color:#d4d6ef;font-size:12px;font-weight:800}.footer-quote{color:#c4c1ff!important}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #292b4a;padding:19px 0;color:#888dad;font-size:10px}.footer-bottom div{display:flex;gap:20px}.footer-bottom a:hover{color:#fff}.page-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 83% 20%,rgba(105,96,255,.35),transparent 28%),linear-gradient(115deg,#11143d,#2418cf);color:#fff;padding:70px 0 50px}.page-hero:after{content:"";position:absolute;right:-70px;bottom:-170px;width:400px;height:400px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 40px rgba(255,255,255,.025),0 0 0 80px rgba(255,255,255,.02)}.page-hero-inner{position:relative;z-index:1}.page-hero h1{font-size:clamp(2.6rem,5vw,4rem);max-width:800px;margin-bottom:19px}.page-hero h1 span{color:#aaa6ff}.page-hero p{max-width:640px;color:#d0d2f0;font-size:15px}.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:10px;color:#aeb1db;margin-top:30px}.breadcrumbs a:hover{color:#fff}.service-grid-page{margin-top:5px}.service-card-large{padding:31px}.service-card-large p{min-height:55px}.portfolio-toolbar,.blog-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:35px}.portfolio-toolbar h2,.blog-toolbar h2{margin:0}.filter-pills{display:flex;flex-wrap:wrap;gap:7px}.filter-pill{border:1px solid var(--line);border-radius:30px;background:white;padding:9px 13px;font-size:10px;font-weight:700;color:#6c7288;cursor:pointer}.filter-pill.active,.filter-pill:hover{background:var(--blue);color:white;border-color:var(--blue)}.portfolio-grid-page{row-gap:38px}.portfolio-note{margin-top:45px;padding:22px 25px;background:#f7f7ff;border-radius:13px;border:1px solid #e8e7ff}.portfolio-note b{font-size:13px}.portfolio-note p{font-size:12px;margin:6px 0 0}.detail-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:70px;align-items:start}.detail-content h2{margin-bottom:22px}.detail-content p{font-size:14px;line-height:1.95}.detail-content h3{margin-top:30px}.check-list{padding-left:0;list-style:none;margin:18px 0 28px}.check-list li{padding:9px 0 9px 28px;position:relative;font-size:13px;color:#5f6680}.check-list li:before{content:"✓";position:absolute;left:0;color:#149a6b;font-weight:800}.detail-aside{border:1px solid var(--line);border-radius:18px;padding:28px;background:#fafaff;position:sticky;top:112px}.aside-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:#eeedff;color:var(--blue);margin-bottom:20px}.detail-aside h3{font-size:20px}.detail-aside p{font-size:12px;line-height:1.8}.aside-note{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.aside-note b,.aside-note span{display:block}.aside-note b{font-size:11px}.aside-note span{font-size:10px;color:var(--muted);margin-top:4px}.project-detail-visual{margin-bottom:45px;min-height:320px;border-radius:20px;overflow:hidden;background:#f1f0ff}.project-detail-visual img{width:100%;max-height:540px;object-fit:cover;display:block}.project-detail-visual .project-placeholder{min-height:320px}.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}.about-intro h2{font-size:clamp(2rem,3.4vw,3rem)}.about-intro p{font-size:14px;line-height:1.9}.section-values{background:#f8f9ff}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.value-card{position:relative;padding:27px 23px;border:1px solid var(--line);background:#fff;border-radius:15px}.value-card>span{position:absolute;right:20px;top:18px;color:#c4c6db;font-size:11px;font-weight:800}.value-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#eeedff;color:var(--blue);font-size:22px;margin-bottom:24px}.value-card h3{font-size:16px}.value-card p{font-size:12px;line-height:1.8;margin:0}.about-cta{display:flex;align-items:center;justify-content:space-between;gap:25px}.about-cta h2{margin:0}.blog-toolbar .search-form{display:flex;gap:8px}.search-form input{width:235px;border:1px solid var(--line);border-radius:10px;padding:12px 14px;outline:none}.search-form input:focus,.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#7770ef;box-shadow:0 0 0 3px rgba(36,24,207,.08)}.blog-grid-page{row-gap:30px}.empty-state{grid-column:1/-1;text-align:center;padding:70px 20px;border:1px dashed #d8daea;border-radius:18px}.empty-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 20px;border-radius:16px;background:#efeeff;color:var(--blue);font-size:25px}.empty-state h3{font-size:22px}.empty-state p{max-width:490px;margin:0 auto 20px}.article-hero{padding:55px 0 50px;background:#f7f8ff}.article-hero-inner{max-width:850px}.article-hero .breadcrumbs{margin:0 0 25px;color:#7f85a0}.article-hero .breadcrumbs a:hover{color:var(--blue)}.article-hero h1{font-size:clamp(2.4rem,5vw,4rem);margin:12px 0 18px}.article-hero p{font-size:16px}.article-container{max-width:820px}.article-cover{width:100%;max-height:440px;object-fit:cover;border-radius:18px;margin-bottom:35px}.article-body{font-size:15px;line-height:2;color:#535b75;overflow-wrap:anywhere}.article-end{margin-top:40px;padding:25px;background:#f7f7ff;border:1px solid var(--line);border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:20px}.article-end span{font-weight:700}.contact-section{background:#fafbff}.contact-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:35px;align-items:start}.contact-form-wrap{padding:35px;background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 40px rgba(27,32,80,.04)}.contact-form-wrap h2{font-size:2.3rem}.contact-form-wrap>p{font-size:12px}.contact-form{margin-top:28px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.form-field label{font-size:11px;font-weight:800;color:#383d59}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #e2e5f0;border-radius:9px;padding:12px 13px;background:#fff;color:var(--ink);outline:none;font-size:12px}.form-field input::placeholder,.form-field textarea::placeholder{color:#a6abc0}.form-field textarea{resize:vertical;min-height:140px}.form-field small{font-size:10px;color:#9096aa}.consent-check{display:flex;gap:9px;align-items:flex-start;font-size:11px;color:#747b93;margin:4px 0 22px}.consent-check input{margin-top:4px;accent-color:var(--blue)}.btn-submit{width:100%;padding:15px}.form-errors{background:#fff0f0;color:#9f2727;border:1px solid #ffd7d7;border-radius:10px;padding:15px;margin:18px 0;font-size:12px}.form-errors ul{margin:6px 0 0;padding-left:20px}.contact-aside{overflow:hidden;border-radius:20px;background:#11143f;color:#fff;padding:30px;position:relative}.contact-aside:after{content:"";position:absolute;right:-120px;top:140px;width:280px;height:280px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 30px rgba(255,255,255,.02),0 0 0 60px rgba(255,255,255,.02)}.contact-aside>*{position:relative;z-index:1}.contact-aside-top h2{font-size:2rem}.contact-aside-top h2 span{color:#a8a4ff}.contact-aside-top p{font-size:12px;color:#b8bddf;line-height:1.8}.contact-info-list{margin:28px 0;display:grid;gap:20px}.contact-info-list>div{display:flex;align-items:center;gap:13px}.contact-info-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:rgba(255,255,255,.1);color:#d6d4ff;font-size:17px;flex-shrink:0}.contact-info-list small{display:block;color:#9fa5d1;font-size:10px}.contact-info-list a,.contact-info-list p{display:block;color:#fff;font-size:12px;margin:3px 0 0;overflow-wrap:anywhere}.contact-aside .btn-white{position:relative}.contact-config-note{font-size:10px;color:#b8bddf;margin-top:12px}.contact-note{display:flex;gap:11px;margin-top:25px;border-top:1px solid rgba(255,255,255,.14);padding-top:20px}.contact-note>span{color:#a9a5ff}.contact-note p{font-size:10px;color:#b8bddf;margin:0;line-height:1.7}.contact-note b{color:white}.legal-content{max-width:820px}.legal-content h2{font-size:22px;margin:32px 0 12px}.legal-content p{line-height:1.9}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1020px){.primary-nav{gap:15px}.primary-nav>a:not(.btn){font-size:12px}.nav-cta{padding:12px 13px}.hero-grid{gap:25px}.hero-visual{transform:scale(.94)}.footer-grid{gap:25px}.feature-grid{gap:45px}.detail-layout{gap:40px}}
@media(max-width:820px){.site-header{height:76px}.container{width:min(100% - 36px,680px)}.brand img{width:154px}.menu-toggle{display:block;z-index:12}.primary-nav{display:none;position:absolute;top:75px;left:0;right:0;padding:18px 22px 24px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(20,25,70,.1);align-items:stretch;gap:0;flex-direction:column}.primary-nav.is-open{display:flex}.primary-nav>a:not(.btn){padding:13px 4px;font-size:14px;border-bottom:1px solid #f0f1f7}.primary-nav .nav-cta{margin-top:14px;justify-content:center}.hero{padding-top:60px}.hero-grid{grid-template-columns:1fr;gap:5px}.hero-copy{padding-bottom:10px}.hero h1{max-width:670px;font-size:clamp(2.8rem,8vw,4.4rem)}.hero-copy>p{font-size:15px}.hero-visual{min-height:410px;transform:none;width:min(100%,560px);margin:0 auto}.dashboard-card{width:min(90%,420px)}.chip-top{right:0}.chip-bottom{left:0}.trust-inner{flex-wrap:wrap;justify-content:center;padding:20px 0;gap:12px 23px}.trust-inner span{width:100%;text-align:center}.section{padding:72px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:30px}.section-heading>p{max-width:620px}.service-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr;gap:35px}.feature-art{min-height:380px;order:2}.feature-copy{order:1}.portfolio-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.testimonial-grid{grid-template-columns:1fr}.testimonial-card>p{min-height:0}.cta-inner{align-items:flex-start;flex-direction:column;padding-top:58px;padding-bottom:58px}.cta-actions{flex-direction:row;align-items:center;flex-wrap:wrap}.footer-grid{grid-template-columns:repeat(2,1fr);gap:35px}.page-hero{padding:58px 0 40px}.values-grid{grid-template-columns:repeat(2,1fr)}.about-intro{gap:35px}.portfolio-toolbar,.blog-toolbar{align-items:flex-start;flex-direction:column}.filter-pills{width:100%}.contact-layout{grid-template-columns:1fr}.contact-aside{order:2}.detail-layout{grid-template-columns:1fr;gap:35px}.detail-aside{position:static}.contact-form-wrap{padding:28px}.project-detail-visual{min-height:240px}}
@media(max-width:540px){.container{width:calc(100% - 32px)}.site-header{height:70px}.primary-nav{top:69px}.brand img{width:143px}.hero{padding-top:46px}.hero h1{font-size:clamp(2.45rem,11vw,3.4rem)}.hero-copy>p{font-size:14px}.hero-actions .btn{flex:1;padding:13px 12px}.hero-proof{margin-top:28px}.hero-visual{min-height:340px;margin-top:8px}.dashboard-card{padding:16px;width:88%;border-radius:15px}.dash-heading{margin:17px 0 12px}.metric{padding:10px}.metric strong{font-size:23px}.chart-panel{padding:10px 10px 2px}.chip-top{top:12px;right:-2px;padding:9px}.chip-bottom{bottom:12px;left:-1px;padding:9px}.floating-chip b{font-size:9px}.floating-chip small{font-size:8px}.chip-icon,.chip-check{width:28px;height:28px}.orbit-a{width:350px;height:250px}.orbit-b{width:390px;height:290px}.hero-bottom{font-size:8px;gap:9px}.trust-inner b{font-size:10px}.section{padding:60px 0}.section-heading h2{font-size:2.15rem}.service-grid,.portfolio-grid,.blog-grid,.process-grid,.values-grid{grid-template-columns:1fr}.service-card{padding:24px}.service-card p{min-height:0}.feature-art{min-height:290px}.art-window-body{min-height:210px}.art-content{padding:17px}.art-side{padding:15px 12px}.art-sticker{right:0;bottom:5%;padding:12px}.project-visual{min-height:230px}.project-visual img{min-height:230px}.project-placeholder{min-height:220px}.portfolio-grid{gap:28px}.cta-inner h2{font-size:2.5rem}.cta-actions{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:10px}.footer-bottom div{gap:15px}.page-hero{padding:48px 0 34px}.page-hero h1{font-size:2.55rem}.page-hero p{font-size:13px}.breadcrumbs{flex-wrap:wrap;margin-top:23px}.about-intro{grid-template-columns:1fr;gap:15px}.about-cta{align-items:flex-start;flex-direction:column}.about-cta h2{font-size:2rem}.search-form{width:100%}.search-form input{min-width:0;flex:1}.article-hero{padding:35px 0}.article-hero h1{font-size:2.4rem}.article-end{align-items:flex-start;flex-direction:column}.contact-form-wrap{padding:22px 17px}.contact-form-wrap h2{font-size:2rem}.form-row{grid-template-columns:1fr;gap:0}.contact-aside{padding:25px 22px}.contact-aside-top h2{font-size:1.8rem}.footer-brand p{max-width:340px}}

/* =========================================
   ABEXI: COMPACT HEADER
========================================= */

.site-header {
    height: 72px;
}

.header-inner {
    gap: 20px;
}

.brand img {
    width: 150px;
    max-height: 48px;
    height: auto;
    object-fit: contain;
}

.primary-nav {
    gap: clamp(14px, 1.8vw, 24px);
}

.primary-nav .nav-cta {
    padding: 10px 15px;
}

/* Tablet */
@media (max-width: 900px) {
    .site-header {
        height: 68px;
    }

    .brand img {
        width: 138px;
        max-height: 44px;
    }
}

/* Mobile */
@media (max-width: 760px) {
    .site-header {
        height: 64px;
    }

    .header-inner {
        gap: 12px;
    }

    .brand img {
        width: 130px;
        max-height: 42px;
    }
}


/* =========================================
   FLOATING WHATSAPP BUTTON
========================================= */

.whatsapp-float {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 999;

    display: flex;
    align-items: center;
    gap: 10px;

    min-height: 54px;
    padding: 11px 17px 11px 13px;

    border-radius: 999px;
    background: #25D366;
    color: #fff;

    box-shadow: 0 8px 26px rgba(13, 105, 55, 0.28);

    text-decoration: none;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

.whatsapp-float:hover {
    transform: translateY(-3px);
    background: #1fbd5b;
    box-shadow: 0 12px 30px rgba(13, 105, 55, 0.34);
}

.whatsapp-float:focus-visible {
    outline: 3px solid #15184c;
    outline-offset: 4px;
}

.whatsapp-float svg {
    width: 29px;
    height: 29px;
    display: block;
    flex-shrink: 0;
}

.whatsapp-float-label {
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

/* Mobile: compact circular button */
@media (max-width: 600px) {
    .whatsapp-float {
        right: 15px;
        bottom: 15px;

        width: 56px;
        height: 56px;
        min-height: 56px;

        padding: 12px;
        border-radius: 50%;
        justify-content: center;
    }

    .whatsapp-float svg {
        width: 30px;
        height: 30px;
    }

    .whatsapp-float-label {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .whatsapp-float {
        transition: none;
    }
}