@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{--black:#050505;--soft-black:#0b0c0e;--charcoal:#111317;--white:#fff;--off:#f4f6f8;--gray:#66717f;--line:#dce2e8;--blue:#59baff;--blue-deep:#168de0;--blue-pale:#e9f7ff;--shadow:0 24px 60px rgba(7,18,32,.12);--radius:24px;--container:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;color:#101318;background:#fff;font-family:"DM Sans",Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
a,button,input,select,textarea,summary{touch-action:manipulation}
.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}
.section{padding:118px 0}
.dark-section{position:relative;overflow:hidden;color:#fff;background:var(--black)}
.skip-link{position:fixed;left:16px;top:-100px;z-index:1000;padding:12px 18px;border-radius:10px;background:#fff;color:#000}.skip-link:focus{top:16px}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:#9ed8ff;font-size:.76rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.eyebrow.blue{color:#168de0}.eyebrow .pulse-dot,.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(89,186,255,.12)}
.section-heading{margin-bottom:56px}.section-heading h2,.why-copy h2,.about-copy h2,.contact-copy h2{margin:0;font-family:"Manrope",sans-serif;font-size:clamp(2.2rem,4.7vw,4.25rem);font-weight:700;line-height:1.08;letter-spacing:-.055em}.section-heading h2 span{color:#687280}.section-heading>p,.section-heading.split>p{max-width:590px;margin:20px auto 0;color:#66717f;font-size:1.08rem}.section-heading.centered{text-align:center}.section-heading.centered .eyebrow{justify-content:center}.section-heading.split{display:grid;grid-template-columns:1.35fr .65fr;gap:80px;align-items:end}.section-heading.split p{margin:0}.dark-section .section-heading>p,.dark-section .section-heading.split>p{color:#9aa3af}.dark-section .section-heading h2 span{color:#7bc8ff}.gradient-text{background:linear-gradient(110deg,#fff 8%,#87d0ff 55%,#269ce9);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 23px;border:1px solid var(--blue);border-radius:12px;background:linear-gradient(135deg,#63c2ff,#2298e5);box-shadow:0 10px 30px rgba(37,157,229,.2);color:#06101a;font-weight:700;transition:.25s ease}.button:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(37,157,229,.32);filter:brightness(1.05)}.button:focus-visible,.filter-row button:focus-visible,.menu-toggle:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(89,186,255,.45);outline-offset:3px}.button-small{min-height:42px;padding:0 17px;font-size:.84rem}.button-ghost{border-color:#30343a;background:#131518;box-shadow:none;color:#fff}.button-ghost:hover{border-color:#727a85;background:#1a1d21}.button-dark{border-color:#111;background:#111;color:#fff;box-shadow:none}.text-button{border:0;background:none;color:#168de0;font-weight:700}

/* Header and logo */
.site-header{position:fixed;inset:0 0 auto;z-index:100;height:78px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(5,5,5,.78);backdrop-filter:blur(18px);transition:.25s}.site-header.scrolled{height:70px;background:rgba(5,5,5,.94);box-shadow:0 8px 30px rgba(0,0,0,.22)}
.nav-wrap{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;width:164px;height:46px;align-items:center;overflow:hidden;flex:0 0 auto}.logo-crop{display:flex;align-items:center;width:100%;height:100%;overflow:hidden}.logo-crop img{position:static;width:100%;height:auto}.desktop-nav{display:flex;align-items:center;gap:25px;margin-left:auto}.desktop-nav a{color:#b7bdc7;font-size:.86rem;font-weight:500;transition:.2s}.desktop-nav a:hover{color:#fff}.header-cta{margin-left:6px}.menu-toggle,.mobile-menu{display:none}

/* Hero */
.hero{padding:166px 0 0;min-height:860px;background:radial-gradient(circle at 80% 15%,rgba(40,148,221,.14),transparent 30%),#050505}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}
.hero-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.2}.hero-glow-one{width:420px;height:420px;right:-100px;top:70px;background:#168de0}.hero-glow-two{width:280px;height:280px;left:42%;bottom:120px;background:#59baff;opacity:.07}
.hero-grid{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}.hero-copy h1{max-width:690px;margin:0;font-family:"Manrope",sans-serif;font-size:clamp(3.4rem,6.3vw,6rem);font-weight:700;line-height:.98;letter-spacing:-.07em}.hero-lede{max-width:640px;margin:27px 0 30px;color:#acb4c0;font-size:1.09rem;line-height:1.75}.hero-actions{display:flex;gap:12px}.trust-line{display:flex;align-items:center;gap:9px;margin:26px 0 16px;color:#d7dbe1;font-size:.9rem}.trust-line span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(89,186,255,.14);color:var(--blue);font-size:.7rem}.mini-trust{display:flex;flex-wrap:wrap;gap:9px 20px;padding:0;margin:0;list-style:none;color:#78828e;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.mini-trust li:before{content:"";display:inline-block;width:4px;height:4px;margin:0 8px 2px 0;border-radius:50%;background:#3a424c}
.hero-visual{position:relative;min-height:540px;perspective:1200px}.browser-card{position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:19px;background:#fff;box-shadow:0 45px 100px rgba(0,0,0,.5),0 0 0 9px rgba(255,255,255,.025)}.browser-main{width:94%;right:-3%;top:10px;transform:rotateY(-5deg) rotateX(2deg)}.browser-bar{display:flex;align-items:center;gap:6px;height:38px;padding:0 13px;background:#16191d}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#48505a}.browser-bar span{width:48%;margin-left:10px;padding:5px 10px;border-radius:5px;background:#24292f;color:#7f8995;font-size:.55rem}.mock-site{min-height:400px;position:relative;overflow:hidden;color:#fff;background:linear-gradient(115deg,rgba(7,14,19,.98),rgba(7,14,19,.65)),radial-gradient(circle at 84% 50%,#334a55,#111)}.mock-site:after{content:"";position:absolute;width:330px;height:330px;right:-45px;bottom:-100px;border:55px solid rgba(104,177,202,.18);border-radius:50%}.mock-nav{height:55px;padding:0 26px;display:flex;align-items:center;gap:22px;border-bottom:1px solid rgba(255,255,255,.08);font-size:.55rem}.mock-nav b{margin-right:auto;font-size:.9rem;letter-spacing:.15em}.mock-nav span{width:35px;height:3px;background:rgba(255,255,255,.25)}.mock-nav em{padding:7px 11px;border-radius:5px;background:var(--blue);color:#02101a;font-style:normal;font-weight:700}.mock-hero{padding:63px 0 0 48px;position:relative;z-index:2}.mock-hero small{color:#74caff;font-size:.55rem;letter-spacing:.2em}.mock-hero h3{margin:13px 0 10px;font-family:"Manrope";font-size:2.7rem;line-height:1.02;letter-spacing:-.06em}.mock-hero p{color:#b2bbc2;font-size:.65rem}.mock-hero button,.phone-screen button{border:0;border-radius:6px;padding:9px 13px;background:#56b9f5;color:#07131b;font-size:.56rem;font-weight:700}.mock-stats{position:absolute;z-index:3;left:48px;right:48px;bottom:25px;display:flex;gap:38px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}.mock-stats span{display:grid;color:#7c8993;font-size:.5rem}.mock-stats b{color:#fff;font-size:1rem}
.phone-card{position:absolute;z-index:5;width:145px;height:300px;right:-22px;bottom:0;padding:7px;border:1px solid #353a42;border-radius:25px;background:#0a0b0d;box-shadow:0 25px 60px rgba(0,0,0,.6);transform:rotate(4deg)}.phone-notch{position:absolute;z-index:2;top:11px;left:50%;width:48px;height:10px;transform:translateX(-50%);border-radius:10px;background:#050505}.phone-screen{height:100%;padding:30px 13px 13px;overflow:hidden;border-radius:19px;background:linear-gradient(160deg,#10222c,#172f3b);font-size:.5rem}.phone-screen b{letter-spacing:.12em}.phone-screen h4{margin:32px 0 12px;font-family:"Manrope";font-size:1.25rem;line-height:1.05}.phone-photo{height:120px;margin-top:18px;border-radius:11px;background:linear-gradient(150deg,transparent 35%,#4b7a8a 36%,#1a313a 70%)}
.floating-badge{position:absolute;z-index:6;display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(17,20,24,.9);box-shadow:0 15px 40px rgba(0,0,0,.35);backdrop-filter:blur(12px)}.floating-badge>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(89,186,255,.13);color:var(--blue)}.floating-badge div{display:grid}.floating-badge b{font-size:.7rem}.floating-badge small{color:#77818d;font-size:.55rem}.badge-speed{left:-28px;top:54px}.badge-lead{left:2px;bottom:15px}
.industry-strip{position:relative;margin-top:92px;min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid rgba(255,255,255,.08)}.industry-strip span{color:#6b747f;font-size:.68rem;text-transform:uppercase;letter-spacing:.16em}.industry-strip b{color:#4f5660;font-family:"Manrope";font-size:.72rem;letter-spacing:.1em}

/* Problems */
.problems{background:#f7f8fa}.problems .section-heading h2{max-width:900px;margin-inline:auto}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d9e0e6;border-left:1px solid #d9e0e6}.problem-grid article{min-height:245px;padding:32px;border-right:1px solid #d9e0e6;border-bottom:1px solid #d9e0e6;background:#fff;transition:.25s}.problem-grid article:hover{position:relative;z-index:1;transform:translateY(-5px);box-shadow:var(--shadow)}.problem-grid i{color:#168de0;font-style:normal;font-size:.7rem;font-weight:700;letter-spacing:.15em}.problem-grid h3{margin:25px 0 10px;font-family:"Manrope";font-size:1.24rem;letter-spacing:-.03em}.problem-grid p{margin:0;color:#6b7480;font-size:.9rem}.solution-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:24px;padding:22px 26px;border-radius:14px;background:#0b0d10;color:#fff}.solution-banner p{margin:0;color:#c7cdd4}.solution-banner a{color:var(--blue);font-weight:700;white-space:nowrap}.diamond-mark{color:var(--blue);font-size:1.5rem;text-shadow:0 0 25px rgba(89,186,255,.5)}

/* Services and audit */
.services{background:linear-gradient(180deg,#070809,#0d0f12)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.service-card{min-height:250px;padding:30px 28px;display:flex;flex-direction:column;border:1px solid #24272c;border-radius:18px;background:#111316;transition:.3s}.service-card:hover{transform:translateY(-7px);border-color:#40515f;background:#14171b}.service-card.featured{background:linear-gradient(145deg,rgba(38,149,220,.22),#111316 65%);border-color:#2b6f98}.service-code{display:grid;place-items:center;width:48px;height:48px;border:1px solid #313840;border-radius:13px;background:#191d22;color:#75caff;font-family:"Manrope";font-size:.7rem;font-weight:800}.service-card h3{margin:0 0 12px;font-family:"Manrope";font-size:1.15rem;letter-spacing:-.025em}.service-card p{flex:1;margin:0 0 24px;color:#8e98a5;font-size:.88rem}.service-learn{display:block;width:100%;padding:0;border:0;background:none;color:#d9e0e7;font-size:.83rem;font-weight:600;text-align:left}.service-learn:focus-visible{outline:3px solid rgba(89,186,255,.4);outline-offset:5px;border-radius:3px}
.audit-section{padding:0 0 115px;background:linear-gradient(#0d0f12 50%,#fff 50%)}.audit-card{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:55px;border:1px solid rgba(89,186,255,.36);border-radius:25px;background:linear-gradient(125deg,#122331,#0d1116 58%);box-shadow:0 30px 70px rgba(5,15,24,.24);color:#fff}.audit-card h2{margin:0;font-family:"Manrope";font-size:2.35rem;line-height:1.1;letter-spacing:-.045em}.audit-card>div>p{color:#aeb8c2}.audit-card ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;margin:22px 0 0;list-style:none;color:#d7dce1;font-size:.82rem}.audit-card li:before{content:"✓";margin-right:8px;color:var(--blue)}.audit-form{align-self:center;padding:26px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:rgba(255,255,255,.045)}.audit-form>label:first-child{display:block;margin-bottom:8px;font-size:.77rem;font-weight:600}.input-action{display:flex}.input-action input{min-width:0;flex:1;height:54px;padding:0 16px;border:1px solid #3c444d;border-right:0;border-radius:11px 0 0 11px;background:#0c0f13;color:#fff}.input-action .button{border-radius:0 11px 11px 0;white-space:nowrap}.check-row{display:flex!important;align-items:center;gap:9px;margin:14px 0;color:#b5bec7;font-size:.78rem}.check-row input{width:17px;height:17px;accent-color:var(--blue)}.audit-form small{color:#65717c}

/* Portfolio */
.portfolio{padding-top:105px}.filter-row{display:flex;gap:8px;margin-bottom:28px}.filter-row button{padding:9px 15px;border:1px solid #dce2e7;border-radius:9px;background:#fff;color:#606b78;font-size:.8rem;font-weight:600}.filter-row button.active,.filter-row button:hover{border-color:#15191e;background:#15191e;color:#fff}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-card{overflow:hidden;border:1px solid #e0e5ea;border-radius:20px;background:#fff;transition:.3s}.project-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.project-card.hidden{display:none}.extra-project{display:none}.portfolio-grid.show-all .extra-project{display:block}.project-preview{position:relative;height:330px;overflow:hidden;padding:21px 24px;color:#fff}.project-preview:after{content:"";position:absolute;right:-70px;bottom:-90px;width:300px;height:300px;border-radius:50%;border:65px solid rgba(255,255,255,.09)}.project-preview.green{background:linear-gradient(145deg,#102d24,#205847)}.project-preview.orange{background:linear-gradient(145deg,#29150d,#9b3d11)}.project-preview.red{background:linear-gradient(145deg,#39100c,#a52b1b)}.project-preview.cobalt{background:linear-gradient(145deg,#08162f,#124b9d)}.project-preview.steel{background:linear-gradient(145deg,#15191d,#5a6570)}.project-preview.aqua{background:linear-gradient(145deg,#09252c,#1f7f8d)}.mini-browser{position:absolute;top:0;left:0;right:0;height:19px;padding-left:12px;display:flex;align-items:center;gap:4px;background:rgba(0,0,0,.22)}.mini-browser span{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.45)}.preview-nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:.73rem;font-weight:800;letter-spacing:.1em}.preview-nav i{padding:6px 9px;border-radius:5px;background:#fff;color:#111;font-style:normal;font-size:.5rem;letter-spacing:0}.preview-copy{position:relative;z-index:2;margin-top:65px;display:grid;justify-items:start}.preview-copy small{font-size:.5rem;letter-spacing:.2em}.preview-copy b{margin:8px 0 15px;font-family:"Manrope";font-size:2.3rem;line-height:1;letter-spacing:-.06em}.preview-copy em{padding:7px 10px;border:1px solid rgba(255,255,255,.5);border-radius:5px;font-size:.52rem;font-style:normal}.landscape-lines,.churro-lines,.car-shape{position:absolute;z-index:1;right:20px;bottom:-15px;width:260px;height:160px;border:32px solid rgba(255,255,255,.08);border-radius:50%}.junk-blocks{position:absolute;right:30px;bottom:25px;display:flex;align-items:flex-end;gap:8px}.junk-blocks i{display:block;width:40px;height:65px;border-radius:5px;background:rgba(255,255,255,.09)}.junk-blocks i:nth-child(2){height:100px}.car-shape{height:90px;bottom:25px;border-width:22px;border-radius:70% 35% 20% 20%}.project-info{display:flex;align-items:center;justify-content:space-between;padding:21px 24px}.project-info span{color:#168de0;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.project-info h3{margin:3px 0;font-family:"Manrope";font-size:1.2rem}.project-info p{margin:0;color:#7b8590;font-size:.78rem}.project-info>a{display:grid;place-items:center;width:40px;height:40px;border:1px solid #dce2e7;border-radius:50%;transition:.2s}.project-card:hover .project-info>a{background:#111;color:#fff}.portfolio-note{display:flex;justify-content:space-between;margin-top:26px;color:#8b949e;font-size:.78rem}

.project-preview.screenshot-preview{height:auto;aspect-ratio:16/9;padding:0;background:#0d1116}.project-preview.screenshot-preview:after{display:none}.screenshot-preview img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .45s ease}.project-card:hover .screenshot-preview img{transform:scale(1.018)}.project-info{justify-content:flex-start}.portfolio-note{justify-content:flex-start}

/* Comparison */
.transformation{background:#08090b}.compare-wrap{max-width:980px;margin:auto}.compare-labels{display:flex;justify-content:space-between;margin-bottom:10px;color:#858e99;font-size:.68rem;text-transform:uppercase;letter-spacing:.14em}.compare-stage{position:relative;overflow:hidden;aspect-ratio:16/9;border:1px solid #2b3036;border-radius:22px;background:#0b0d10;box-shadow:0 40px 80px rgba(0,0,0,.35);touch-action:pan-y}.compare-photo{position:absolute;inset:0}.compare-photo img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.compare-after{z-index:2;clip-path:inset(0 0 0 50%);will-change:clip-path}.compare-stage input{position:absolute;z-index:5;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.compare-stage input:focus-visible~.compare-handle span{outline:3px solid #fff;outline-offset:4px}.compare-handle{position:absolute;z-index:4;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.5);pointer-events:none}.compare-handle span{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:47px;height:47px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:#168de0;font-weight:700}.improvement-row{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 25px;margin-top:30px;color:#aeb6bf;font-size:.8rem}.improvement-row span:before{color:var(--blue)}

/* Results, process */
.results{padding-bottom:90px}.placeholder-label{width:max-content;max-width:100%;margin:0 auto 22px;padding:7px 12px;border-radius:7px;background:#f0f4f7;color:#77818c;font-size:.7rem}.results-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.results-grid article{display:grid;gap:8px;padding:35px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.results-grid strong{font-family:"Manrope";font-size:2.9rem;letter-spacing:-.06em}.results-grid span{color:#6f7984;font-size:.86rem}
.process{padding-top:100px;background:#f5f7f9}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.process-grid article{display:grid;grid-template-columns:auto 1fr;gap:25px;min-height:210px;padding:30px;border:1px solid #dfe4e9;border-radius:17px;background:#fff}.process-grid>article>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e8f6ff;color:#168de0;font-size:.76rem;font-weight:700}.process-grid h3{margin:10px 0 8px;font-family:"Manrope";font-size:1.3rem}.process-grid p{margin:0;color:#707a85;font-size:.9rem}

/* Pricing */
.pricing{background:radial-gradient(circle at 50% 0,rgba(41,151,223,.13),transparent 35%),#08090a}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:stretch}.price-card{position:relative;padding:33px;border:1px solid #292d32;border-radius:20px;background:#111316}.price-card.popular{border-color:#319fdf;background:linear-gradient(180deg,rgba(38,151,220,.18),#111316 45%);box-shadow:0 0 55px rgba(48,158,224,.1)}.popular-label{position:absolute;top:0;right:25px;padding:7px 12px;border-radius:0 0 8px 8px;background:var(--blue);color:#05111a;font-size:.62rem;font-weight:800;letter-spacing:.1em}.price-card .plan{color:#9fd9ff;font-size:.77rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.price-card h3{margin:20px 0 2px;font-family:"Manrope";font-size:2.5rem;letter-spacing:-.055em}.price-card h3 span{color:#66717c;font-size:.8rem}.price-card>small{color:#7f8995}.price-card ul{min-height:295px;padding:25px 0 0;margin:22px 0;border-top:1px solid #292d32;list-style:none}.price-card li{padding:7px 0;color:#c4cad1;font-size:.85rem}.price-card li:before{content:"✓";margin-right:9px;color:var(--blue)}.price-card .button{width:100%}.maintenance-card{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding:22px 28px;border:1px solid #292d32;border-radius:17px;background:#0f1114}.maintenance-card>div{display:flex;align-items:center;gap:18px}.maintenance-card h3,.maintenance-card p{margin:0}.maintenance-card h3{font-family:"Manrope"}.maintenance-card h3 small{margin-left:10px;color:#73caff}.maintenance-card p{color:#7f8995;font-size:.82rem}.maintenance-card>a{color:var(--blue);font-size:.85rem;font-weight:700}.pricing-note{margin:18px 0 0;text-align:center;color:#68727e;font-size:.73rem}

/* Why, about, testimonials */
.why-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:center}.why-copy h2{font-size:clamp(2.3rem,4.2vw,3.7rem)}.why-copy>p:not(.eyebrow){color:#68727d}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.benefit-grid article{min-height:180px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.benefit-grid b{color:#168de0;font-size:.65rem;letter-spacing:.12em}.benefit-grid h3{margin:22px 0 5px;font-family:"Manrope";font-size:1.05rem}.benefit-grid p{margin:0;color:#818b96;font-size:.8rem}
.about{background:#f4f6f8}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.about-grid-single{display:block}.about-grid-single .about-copy{max-width:850px;margin-inline:auto;text-align:center}.about-grid-single .eyebrow,.about-grid-single .about-values{justify-content:center}.about-copy h2{font-size:clamp(2.3rem,4.3vw,3.9rem)}.about-copy>p:not(.eyebrow){color:#68727d;font-size:1.02rem}.about-values{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.about-values span{padding:10px 13px;border:1px solid #d9e0e5;border-radius:9px;background:#fff;color:#78828d;font-size:.75rem}.about-values b{color:#101318}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sample-notice{padding:12px;border-left:3px solid #45aceb;background:#f3f7fa;color:#74808b!important;font-size:.78rem!important}.testimonial-grid article{padding:29px;border:1px solid #e0e5e9;border-radius:18px}.stars{color:#168de0;letter-spacing:.14em}.testimonial-grid article>p{min-height:128px;font-family:"Manrope";font-size:1.02rem;line-height:1.65}.testimonial-grid article>div:last-child{display:flex;align-items:center;gap:12px}.testimonial-grid article>div:last-child>span{display:grid;place-items:center;width:41px;height:41px;border-radius:50%;background:#e8f6ff;color:#168de0;font-size:.72rem;font-weight:700}.testimonial-grid b{display:grid;font-size:.82rem}.testimonial-grid small{color:#8b959f;font-weight:400}

/* FAQ */
.faq{background:#f6f8fa}.faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:85px;align-items:start}.faq-intro{position:sticky;top:110px}.faq-intro h2{margin:0;font-family:"Manrope";font-size:3.2rem;line-height:1.05;letter-spacing:-.055em}.faq-intro>p:not(.eyebrow){color:#727c87}.accordion{border-top:1px solid #ced6dd}.accordion details{border-bottom:1px solid #ced6dd}.accordion summary{display:flex;justify-content:space-between;align-items:center;padding:23px 5px;list-style:none;font-family:"Manrope";font-weight:700;cursor:pointer}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #c7d0d8;border-radius:50%;color:#168de0;font-family:"DM Sans";transition:.2s}.accordion details[open] summary span{transform:rotate(45deg);background:#168de0;color:#fff}.accordion details p{margin:-8px 55px 23px 5px;color:#6f7984;font-size:.9rem}

/* Contact and footer */
.contact{padding-bottom:100px;background:radial-gradient(circle at 15% 40%,rgba(38,151,220,.13),transparent 30%),#08090b}.contact-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:start}.contact-copy{position:sticky;top:110px}.contact-copy h2{font-size:clamp(2.7rem,5vw,4.5rem)}.contact-copy>p:not(.eyebrow){color:#9ca6b1}.contact-points{margin-top:45px}.contact-points>div{display:flex;gap:14px;padding:18px 0;border-top:1px solid #24272b}.contact-points>div>span{color:var(--blue);font-size:.65rem}.contact-points p,.contact-points b,.contact-points small{display:grid;margin:0}.contact-points small{color:#727c87}.contact-form{padding:35px;border:1px solid #2a2e34;border-radius:22px;background:#111317}.form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.form-head h3{margin:0;font-family:"Manrope";font-size:1.4rem}.form-head span{color:#697581;font-size:.7rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label{display:grid;gap:7px;color:#bcc4cc;font-size:.73rem;font-weight:600}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #343941;border-radius:9px;background:#0a0c0f;color:#fff;padding:12px}.form-grid input,.form-grid select{height:49px}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#59636e}.form-grid select{color:#8e98a3}.form-grid textarea{resize:vertical}.form-submit{width:100%;margin-top:4px}.form-privacy{margin:11px 0 0;color:#59636e;font-size:.68rem;text-align:center}
.final-cta{padding:115px 0;text-align:center;background:radial-gradient(circle at 50% 100%,rgba(40,151,221,.18),transparent 45%),#050505}.final-cta .container{max-width:850px}.final-cta .eyebrow{justify-content:center;margin-top:14px}.final-cta h2{margin:0;font-family:"Manrope";font-size:clamp(2.8rem,5vw,4.7rem);line-height:1.03;letter-spacing:-.06em}.final-cta p:not(.eyebrow){max-width:680px;margin:20px auto 27px;color:#9ea7b1}.final-cta>div>div:last-child{display:flex;justify-content:center;gap:11px}
.site-footer{padding:70px 0 20px;background:#050505;color:#fff;border-top:1px solid #202328}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:70px;padding-bottom:50px}.footer-brand .brand{margin-left:0}.footer-brand p{max-width:320px;color:#7f8995;font-size:.84rem}.social-row{display:flex;gap:8px}.social-row a{display:grid;place-items:center;width:38px;height:38px;border:1px solid #292d32;border-radius:50%;color:#87919c;transition:.2s}.social-row a:hover{border-color:#59baff;background:rgba(89,186,255,.1);color:#59baff;transform:translateY(-2px)}.social-row svg{width:17px;height:17px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8}.social-row svg .icon-fill{fill:currentColor;stroke:none}.footer-grid h3{margin:0 0 17px;color:#dbe0e5;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:9px}.footer-grid>div:not(:first-child) a,.footer-grid>div:not(:first-child) span{color:#7f8995;font-size:.8rem}.footer-grid a:hover{color:#fff}.footer-bottom{display:flex;align-items:center;gap:30px;padding-top:20px;border-top:1px solid #202328;color:#616b75;font-size:.7rem}.footer-bottom div{display:flex;gap:20px}.footer-bottom .edit-note{margin-left:auto;color:#8b704d}

/* Service detail modal */
body.modal-open{overflow:hidden}.service-modal{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:24px;visibility:hidden;opacity:0;transition:opacity .24s ease,visibility .24s ease}.service-modal.open{visibility:visible;opacity:1}.service-modal-backdrop{position:absolute;inset:0;background:rgba(1,4,8,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.service-modal-panel{position:relative;width:min(680px,100%);max-height:min(780px,calc(100vh - 48px));overflow:auto;padding:42px;border:1px solid rgba(126,202,251,.26);border-radius:24px;background:radial-gradient(circle at 90% 0,rgba(40,151,221,.18),transparent 37%),#101317;box-shadow:0 35px 100px rgba(0,0,0,.65);color:#fff;transform:translateY(20px) scale(.98);transition:transform .3s ease}.service-modal.open .service-modal-panel{transform:none}.service-modal-close{position:absolute;right:19px;top:17px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #30363e;border-radius:50%;background:#171b20;color:#cbd2d9;font-size:1.45rem;line-height:1;transition:.2s}.service-modal-close:hover{border-color:#59baff;color:#59baff;transform:rotate(8deg)}.service-modal-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:26px;border:1px solid #31556b;border-radius:16px;background:rgba(89,186,255,.11);color:#75caff;font-family:"Manrope";font-size:.78rem;font-weight:800}.service-modal-panel .eyebrow{margin-bottom:12px}.service-modal-panel h2{max-width:570px;margin:0;font-family:"Manrope";font-size:clamp(2rem,5vw,3.2rem);line-height:1.05;letter-spacing:-.055em}.service-modal-lede{margin:18px 0 22px;color:#b4bec8;font-size:1.02rem}.service-modal-body{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:28px;padding:24px;border:1px solid #272d34;border-radius:15px;background:rgba(255,255,255,.025)}.service-modal-body>p{margin:0;color:#8f9aa5;font-size:.88rem}.service-modal-body ul{display:grid;gap:9px;padding:0;margin:0;list-style:none;color:#d5dbe1;font-size:.84rem}.service-modal-body li:before{content:"✓";margin-right:9px;color:#59baff}.service-modal-panel .button{min-width:210px}

/* Motion */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button,.service-card,.project-card{transition:none}}

/* Tablet */
@media(max-width:1080px){.desktop-nav{gap:14px}.desktop-nav a{font-size:.77rem}.header-cta{display:none}.hero-grid{grid-template-columns:1fr 1fr}.hero-copy h1{font-size:4.5rem}.phone-card{right:0}.services-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{gap:40px}.footer-grid{gap:35px}}
@media(max-width:860px){.section{padding:85px 0}.container{width:min(var(--container),calc(100% - 34px))}.site-header{overflow:visible}.desktop-nav,.header-cta{display:none}.menu-toggle{position:relative;z-index:121;width:42px;height:42px;margin-left:auto;display:grid;place-content:center;gap:5px;border:1px solid #30343a;border-radius:10px;background:#101216}.menu-toggle span{display:block;width:19px;height:2px;background:#fff;transition:.2s}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:fixed;z-index:120;top:70px;left:0;right:0;height:calc(100vh - 70px);padding:28px 24px;display:flex;flex-direction:column;gap:0;transform:translateX(100%);background:#08090b;box-shadow:-25px 25px 60px rgba(0,0,0,.5);transition:.28s}.mobile-menu.open{transform:none}.mobile-menu>a:not(.button){padding:15px 3px;border-bottom:1px solid #20242a;color:#d9dee3;font-family:"Manrope";font-size:1.15rem}.mobile-menu .button{margin-top:22px}.brand{width:145px}.hero{padding-top:135px}.hero-grid{grid-template-columns:1fr;gap:60px}.hero-copy{max-width:700px}.hero-copy h1{font-size:clamp(3.7rem,11vw,5.3rem)}.hero-visual{width:min(700px,100%);margin:auto}.industry-strip{margin-top:65px;overflow:auto;justify-content:flex-start;scrollbar-width:none}.industry-strip::-webkit-scrollbar{display:none}.industry-strip span{min-width:150px}.industry-strip b{min-width:max-content}.section-heading.split{grid-template-columns:1fr;gap:22px}.problem-grid{grid-template-columns:1fr 1fr}.audit-card{grid-template-columns:1fr;padding:38px;gap:35px}.portfolio-grid{gap:17px}.project-preview{height:285px}.preview-copy{margin-top:45px}.preview-copy b{font-size:1.8rem}.results-grid{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr;max-width:650px;margin:auto}.price-card ul{min-height:0}.why-grid,.about-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.faq-intro,.contact-copy{position:static}.why-copy,.about-copy{max-width:700px}.founder-placeholder{min-height:400px}.testimonial-grid{grid-template-columns:1fr}.testimonial-grid article>p{min-height:0}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.footer-bottom{flex-wrap:wrap}.footer-bottom .edit-note{width:100%;margin-left:0}}

/* Mobile */
@media(max-width:600px){html{scroll-padding-top:70px}.container{width:calc(100% - 28px)}.section{padding:72px 0}.site-header,.site-header.scrolled{height:68px}.brand{width:132px;height:41px}.logo-crop-white img{top:-94%}.mobile-menu{top:68px;height:calc(100vh - 68px)}.hero{min-height:0;padding-top:118px}.hero-copy h1{font-size:3.35rem}.hero-lede{font-size:1rem}.hero-actions{display:grid}.hero-actions .button{width:100%}.trust-line{align-items:flex-start}.mini-trust{gap:7px 13px}.hero-visual{min-height:420px}.browser-main{width:100%;right:0;transform:none}.mock-site{min-height:315px}.mock-nav{padding:0 15px}.mock-nav span{display:none}.mock-hero{padding:45px 0 0 25px}.mock-hero h3{font-size:2.05rem}.mock-stats{left:25px;right:25px;gap:23px}.phone-card{width:105px;height:220px;right:-3px;bottom:0}.phone-screen h4{font-size:.95rem}.phone-photo{height:75px}.floating-badge{padding:8px 10px}.badge-speed{left:-6px;top:2px}.badge-lead{left:0;bottom:7px}.industry-strip{min-height:75px}.section-heading{margin-bottom:35px}.section-heading h2,.why-copy h2,.about-copy h2,.contact-copy h2{font-size:2.45rem}.problem-grid{grid-template-columns:1fr;border-left:0}.problem-grid article{min-height:0;padding:25px;border-left:1px solid #d9e0e6}.solution-banner{grid-template-columns:auto 1fr;padding:20px}.solution-banner a{grid-column:2;white-space:normal}.services-grid{grid-template-columns:1fr}.service-card{min-height:0}.service-card h3{margin-top:30px}.audit-section{padding-bottom:70px}.audit-card{width:calc(100% - 28px);padding:25px}.audit-card h2{font-size:2rem}.audit-card ul{grid-template-columns:1fr}.input-action{display:grid;gap:8px}.input-action input{border-right:1px solid #3c444d;border-radius:10px}.input-action .button{border-radius:10px}.filter-row{overflow:auto;padding-bottom:5px}.filter-row button{white-space:nowrap}.portfolio-grid{grid-template-columns:1fr}.project-preview{height:300px}.portfolio-note{display:grid;gap:15px}.compare-handle span{width:42px;height:42px}.results-grid{grid-template-columns:1fr 1fr}.results-grid article{padding:23px 16px}.results-grid strong{font-size:2.1rem}.process-grid{grid-template-columns:1fr}.process-grid article{min-height:0;padding:24px}.maintenance-card{align-items:flex-start;gap:20px;flex-direction:column}.maintenance-card>div{align-items:flex-start}.maintenance-card h3 small{display:block;margin:3px 0}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{min-height:0}.founder-placeholder{min-height:330px}.faq-intro h2{font-size:2.45rem}.accordion summary{gap:12px}.accordion summary span{flex:0 0 auto}.contact-form{padding:23px}.form-head{display:grid;gap:5px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.final-cta{padding:85px 0}.final-cta h2{font-size:3rem}.final-cta>div>div:last-child{display:grid}.footer-grid{grid-template-columns:1fr 1fr;gap:38px}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column;gap:10px}.footer-bottom .edit-note{line-height:1.4}}

/* Keep iOS and Android from auto-zooming when mobile form controls receive focus. */
@media(max-width:768px){
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  select,
  textarea{font-size:16px}
}
@media(max-width:390px){.hero-copy h1{font-size:2.9rem}.hero-visual{min-height:380px}.browser-bar span{width:65%}.mock-hero h3{font-size:1.7rem}.phone-card{display:none}.badge-lead{right:0;left:auto}.results-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}}

/* Mobile hero composition: keep the CTA, stats, phone, and status badges in separate lanes. */
@media(max-width:600px){
  .brand{width:144px;height:42px}.hero-grid{gap:46px}.hero-visual{min-height:405px;padding-top:10px;perspective:none}.browser-main{left:4px;right:auto;top:12px;width:calc(100% - 8px);transform:none;border-radius:16px}.browser-bar{height:31px;padding:0 10px}.browser-bar span{width:56%;margin-left:5px;padding:4px 8px}.mock-site{min-height:315px}.mock-site:after{width:260px;height:260px;right:-60px;bottom:-82px;border-width:43px}.mock-nav{height:44px;padding:0 17px;gap:8px}.mock-nav b{font-size:.72rem}.mock-nav em{padding:6px 8px;font-size:.48rem}.mock-hero{padding:30px 110px 0 19px}.mock-hero small{font-size:.43rem;letter-spacing:.14em}.mock-hero h3{margin:7px 0 6px;font-size:1.55rem;line-height:1}.mock-hero p{margin:0 0 7px;font-size:.52rem;white-space:nowrap}.mock-hero button{padding:7px 9px;font-size:.48rem}.mock-stats{left:19px;right:112px;bottom:14px;gap:13px;padding-top:9px}.mock-stats span{font-size:.42rem}.mock-stats b{font-size:.82rem}.phone-card{display:block;width:92px;height:188px;right:6px;bottom:6px;padding:5px;border-radius:19px;transform:rotate(3deg)}.phone-notch{top:8px;width:34px;height:7px}.phone-screen{padding:25px 9px 9px;border-radius:14px}.phone-screen b{font-size:.42rem}.phone-screen h4{margin:23px 0 10px;font-size:.8rem}.phone-screen button{width:100%;padding:7px 3px;font-size:.45rem}.phone-photo{display:none}.floating-badge{gap:7px;padding:7px 9px;border-radius:10px}.floating-badge>span{width:25px;height:25px;border-radius:7px}.floating-badge b{font-size:.58rem}.floating-badge small{font-size:.46rem}.badge-speed{left:-3px;top:-4px}.badge-lead{left:8px;right:auto;bottom:0}.service-modal{padding:13px}.service-modal-panel{max-height:calc(100vh - 26px);padding:28px 21px;border-radius:19px}.service-modal-close{right:13px;top:13px}.service-modal-icon{width:49px;height:49px;margin-bottom:22px}.service-modal-panel h2{padding-right:12px;font-size:2.05rem}.service-modal-lede{font-size:.91rem}.service-modal-body{grid-template-columns:1fr;gap:17px;padding:18px}.service-modal-panel .button{width:100%}.social-row a{width:40px;height:40px}.social-row svg{width:18px;height:18px}}
@media(max-width:390px){.hero-visual{min-height:385px}.mock-hero{padding-right:92px}.mock-hero h3{font-size:1.42rem}.mock-hero p{font-size:.48rem}.mock-stats{right:96px;gap:10px}.phone-card{display:block;width:80px;height:166px;right:5px}.phone-screen h4{font-size:.7rem}.floating-badge b{font-size:.54rem}.floating-badge small{display:none}}
@media(max-width:860px){.mobile-menu{position:absolute;top:100%;height:calc(100dvh - 70px)}}
@media(max-width:600px){.mobile-menu{top:100%;height:calc(100dvh - 68px)}}
@media(max-width:860px){.site-header.menu-open{height:100dvh!important;background:#08090b}.site-header.menu-open .nav-wrap{height:70px}.site-header.menu-open .mobile-menu{display:flex;top:70px}}
@media(max-width:600px){.site-header.menu-open .nav-wrap{height:68px}.site-header.menu-open .mobile-menu{top:68px}}
@media(min-width:861px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.filter-row button{width:100%;white-space:normal}.filter-row button:last-child{grid-column:1/-1}}

/* Exact anchor placement and geometrically centered close controls. */
html{scroll-padding-top:86px}section[id],main[id],input[id]{scroll-margin-top:86px}
.service-modal-close{padding:0;font-size:0;line-height:0}.service-modal-close:before,.service-modal-close:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}.service-modal-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.service-modal-close:hover{transform:none}
.accordion summary span{position:relative;font-size:0;line-height:0}.accordion summary span:before,.accordion summary span:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%)}.accordion summary span:after{transform:translate(-50%,-50%) rotate(90deg)}
@media(max-width:860px){.menu-toggle{position:relative;display:block}.menu-toggle span{position:absolute;left:50%;top:50%;margin:0;transition:transform .2s ease,opacity .2s ease}.menu-toggle span:nth-child(1){transform:translate(-50%,-7px)}.menu-toggle span:nth-child(2){transform:translate(-50%,-50%)}.menu-toggle span:nth-child(3){transform:translate(-50%,5px)}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translate(-50%,-50%) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0;transform:translate(-50%,-50%)}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translate(-50%,-50%) rotate(-45deg)}}
@media(max-width:600px){html{scroll-padding-top:84px}section[id],main[id],input[id]{scroll-margin-top:84px}}

/* Legal pages */
.legal-page{background:#f5f7f9;color:#15191e}.legal-page .site-header{background:rgba(5,5,5,.96)}.legal-header-actions{display:flex;margin-left:auto}.legal-main{padding:142px 0 90px}.legal-shell{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:70px;align-items:start}.legal-article{padding:54px;border:1px solid #dfe4e9;border-radius:24px;background:#fff;box-shadow:0 24px 70px rgba(18,29,39,.07)}.legal-article .eyebrow{color:#168de0}.legal-article h1{max-width:850px;margin:0;font-family:"Manrope",sans-serif;font-size:clamp(2.8rem,5.7vw,5rem);line-height:1;letter-spacing:-.065em}.legal-updated{margin:22px 0 38px;color:#65707b;font-size:.9rem}.legal-article h2{margin:38px 0 11px;font-family:"Manrope",sans-serif;font-size:1.45rem;line-height:1.2;letter-spacing:-.03em}.legal-article p,.legal-article li{color:#525d68;font-size:.98rem}.legal-article ul{display:grid;gap:8px;padding-left:22px}.legal-article a{color:#087fc9;text-decoration:underline;text-underline-offset:3px}.legal-note{margin-top:42px;padding:20px 22px;border-left:4px solid #59baff;border-radius:0 12px 12px 0;background:#eef8ff}.legal-note p{margin:0}.legal-aside{position:sticky;top:106px;padding:25px;border:1px solid #dfe4e9;border-radius:18px;background:#fff}.legal-aside h2{margin:0 0 13px;font-family:"Manrope",sans-serif;font-size:1rem}.legal-aside a{display:block;padding:9px 0;border-bottom:1px solid #edf0f2;color:#5d6873;font-size:.83rem}.legal-aside a:hover{color:#168de0}.legal-aside .button{margin-top:20px;color:#06101a}.legal-footer{padding:30px 0;background:#050505;color:#fff}.legal-footer .container{display:flex;align-items:center;justify-content:space-between;gap:24px}.legal-footer p{margin:0;color:#737d88;font-size:.76rem}.legal-footer div{display:flex;gap:18px}.legal-footer a{color:#929ba5;font-size:.76rem}.legal-footer a:hover{color:#fff}.form-privacy a{text-decoration:underline;text-underline-offset:2px}
@media(max-width:860px){.legal-main{padding-top:118px}.legal-shell{grid-template-columns:1fr;gap:28px}.legal-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.legal-aside h2,.legal-aside .button{grid-column:1/-1}.legal-header-actions .button{display:inline-flex}}
@media(max-width:600px){.legal-header-actions .button{min-height:40px;padding:0 13px;font-size:.75rem}.legal-main{padding:96px 0 60px}.legal-article{padding:31px 22px;border-radius:18px}.legal-article h1{font-size:2.6rem}.legal-article h2{margin-top:31px}.legal-aside{grid-template-columns:1fr}.legal-aside h2,.legal-aside .button{grid-column:auto}.legal-footer .container{align-items:flex-start;flex-direction:column}.legal-footer div{flex-wrap:wrap}}

.services-grid .service-card h3{margin-top:0}
.contact-email{display:inline-block;margin-top:4px;color:var(--blue);font-family:"Manrope",sans-serif;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.audit-email{display:grid!important;gap:8px;margin-top:15px!important;color:#cbd3db;font-size:.77rem;font-weight:600}.audit-email input{width:100%;height:50px;padding:0 15px;border:1px solid #3c444d;border-radius:10px;background:#0c0f13;color:#fff}.audit-email input::placeholder{color:#65717c}.netlify-honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.input-action input:only-child{border-right:1px solid #3c444d;border-radius:11px}.audit-submit{width:100%;margin-bottom:10px}
.form-status-message{min-height:1.25rem;margin:10px 0 0;color:#a9d8f5;font-size:.72rem;text-align:center}.form-status-message.error{color:#ff9f9f}.recaptcha-v3-form button[type="submit"]:disabled{cursor:wait;opacity:.68}
.services-toggle{display:none}
@media(max-width:600px){.process,.mobile-hide-process{display:none!important}.services-grid:not(.expanded) .service-card:nth-child(n+4){display:none}.services-grid.expanded .service-card{opacity:1;transform:none}.services-toggle{display:flex;width:100%;margin-top:16px}}

/* Updated product pricing: four clear website options plus compact add-ons. */
.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px;margin-inline:auto}
.pricing-extras{display:grid;grid-template-columns:1fr 1fr;gap:15px;max-width:1000px;margin:18px auto 0}
.pricing-extras .maintenance-card{margin-top:0}
.maintenance-card>a{flex:0 0 auto;margin-left:20px}
.pricing-note{max-width:920px;margin-inline:auto}
@media(max-width:860px){.pricing-grid{grid-template-columns:1fr;max-width:650px}.pricing-extras{grid-template-columns:1fr;max-width:650px}}
@media(max-width:600px){.maintenance-card>a{margin-left:0}}
@media(max-width:390px){.audit-card>*{min-width:0}.audit-form{width:100%}}

/* High-contrast product pricing hierarchy adapted to Jemline's blue-and-black brand. */
.pricing{background:radial-gradient(circle at 78% 10%,rgba(48,158,224,.13),transparent 28%),radial-gradient(circle at 12% 75%,rgba(64,91,255,.08),transparent 28%),#0a0b0d}
.pricing:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.pricing>.container{position:relative}
.pricing-heading{max-width:850px;margin-bottom:34px}
.pricing-heading .eyebrow{margin-bottom:13px}
.pricing-heading h2{max-width:820px;margin:0;font-family:"Manrope",sans-serif;font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.02;letter-spacing:-.065em}
.pricing-heading>p:not(.eyebrow){max-width:680px;margin:20px 0 0;color:#929ba5;font-size:1.02rem}
.pricing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:18px}
.pricing-tabs{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #2a2d31;border-radius:12px;background:#181a1d}
.pricing-tabs button{min-height:38px;padding:0 18px;border:0;border-radius:8px;background:transparent;color:#7f8790;font-size:.78rem;font-weight:700;transition:.2s}
.pricing-tabs button:hover{color:#dfe4e9}
.pricing-tabs button.active{background:#303338;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);color:#fff}
.pricing-tabs button:focus-visible{outline:3px solid rgba(89,186,255,.4);outline-offset:3px}
.pricing-speed{display:flex;align-items:center;gap:11px;padding:8px 13px;border:1px solid #2a2d31;border-radius:12px;background:#141619}
.pricing-speed>span{width:8px;height:8px;border-radius:50%;background:#6dcbff;box-shadow:0 0 0 6px rgba(89,186,255,.11),0 0 20px rgba(89,186,255,.6)}
.pricing-speed div{display:grid}
.pricing-speed b{color:#e4e8ec;font-size:.75rem}
.pricing-speed small{color:#747d87;font-size:.64rem}
.pricing-panel[hidden]{display:none!important}
.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:none;margin:0;align-items:stretch}
.price-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:640px;padding:20px;overflow:hidden;border:1px solid #2a2d31;border-radius:17px;background:linear-gradient(155deg,#1b1d20,#121416 68%);box-shadow:none}
.price-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.055),transparent 32%)}
.price-card>*{position:relative;z-index:1}
.price-card.tier-starter{background:linear-gradient(150deg,#1c262c,#11171b 68%)}
.price-card.tier-growth{border-color:#438fc0;background:radial-gradient(circle at 92% 0,rgba(107,205,255,.24),transparent 35%),linear-gradient(145deg,#153b52,#101b23 70%);box-shadow:0 20px 65px rgba(15,100,150,.14)}
.price-card.tier-premium{border-color:#526980;background:radial-gradient(circle at 95% 0,rgba(112,135,255,.24),transparent 36%),linear-gradient(145deg,#182b3e,#11161d 70%)}
.plan-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}
.price-card .plan,.addon-card .plan{margin:0;color:#f3f6f8;font-family:"Manrope",sans-serif;font-size:1.02rem;font-weight:800;letter-spacing:-.025em;text-transform:uppercase}
.price-card>small{display:block;min-height:48px;color:#878f98;font-size:.73rem;line-height:1.45}
.plan-badge{flex:0 0 auto;padding:4px 6px;border:1px solid #42474e;border-radius:5px;background:rgba(255,255,255,.045);color:#aeb6be;font-size:.49rem;font-weight:800;letter-spacing:.08em}
.featured-badge{border-color:#68c5fb;background:#70caff;color:#07131b}
.premium-badge{border-color:#8797ff;background:#788aff;color:#fff}
.plan-summary{display:grid;min-height:107px;margin:15px 0;padding:15px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(255,255,255,.045)}
.plan-summary strong{align-self:end;color:#f3f5f7;font-family:"Manrope",sans-serif;font-size:.92rem}
.plan-summary span{align-self:start;color:#7f8993;font-size:.68rem;line-height:1.45}
.price-line{display:flex;align-items:baseline;gap:7px;margin:3px 0 12px}
.price-card .price-line h3,.addon-card .price-line h3{margin:0;color:#fff;font-family:"Manrope",sans-serif;font-size:2rem;line-height:1;letter-spacing:-.055em}
.price-line>span{color:#89929b;font-size:.64rem}
.price-card .plan-button{width:100%;min-height:48px;border-radius:9px;font-size:.77rem}
.plan-button-light,.plan-button-white{border-color:#fff;background:#fff;box-shadow:0 5px 0 rgba(255,255,255,.12);color:#0a0d10}
.plan-button-light:hover,.plan-button-white:hover{background:#f2f5f7;color:#0a0d10}
.plan-button-premium{border-color:#8496ff;background:linear-gradient(135deg,#92a0ff,#5abaff);box-shadow:0 7px 0 rgba(75,104,173,.24);color:#07101a}
.plan-delivery{min-height:35px;margin:10px 0 0;color:#717b84;font-size:.64rem;text-align:center}
.price-card ul{flex:1;min-height:0;padding:15px 0 0;margin:14px 0 0;border-top:1px solid rgba(255,255,255,.08)}
.price-card li{padding:5px 0;color:#b8c0c7;font-size:.72rem;line-height:1.4}
.price-card li:before{content:"✓";margin-right:8px;color:#65c5ff}
.pricing-extras{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:none;margin:0}
.addon-card{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:32px;min-height:310px;padding:30px;overflow:hidden;border:1px solid #30343a;border-radius:18px;background:linear-gradient(145deg,#1b1e22,#111316);color:#fff}
.addon-card:before{content:"";position:absolute;width:260px;height:260px;right:-110px;top:-120px;border-radius:50%;background:rgba(89,186,255,.13);filter:blur(15px)}
.addon-care{background:radial-gradient(circle at 100% 0,rgba(64,129,255,.22),transparent 48%),linear-gradient(145deg,#142437,#11151b)}
.addon-card>*{position:relative;z-index:1}
.addon-card>div:first-child{align-self:center}
.addon-card>div:first-child h3{max-width:420px;margin:18px 0 12px;font-family:"Manrope",sans-serif;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.05;letter-spacing:-.055em}
.addon-card>div:first-child>p:not(.plan){max-width:520px;margin:0;color:#8e98a2;font-size:.82rem}
.addon-action{align-self:center;padding:20px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.035)}
.addon-action .button{width:100%;min-height:48px;border-radius:9px;font-size:.77rem}
.pricing-note{max-width:900px;margin:20px auto 0;color:#626c76;font-size:.68rem;line-height:1.55;text-align:center}
@media(max-width:1180px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.price-card{min-height:590px}.price-card>small{min-height:36px}}
@media(max-width:860px){.pricing-toolbar{align-items:stretch;flex-direction:column}.pricing-tabs{width:max-content}.pricing-speed{width:max-content}.pricing-extras{grid-template-columns:1fr}.addon-card{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.pricing-heading h2{font-size:2.65rem}.pricing-grid{grid-template-columns:1fr}.price-card{min-height:0;padding:20px}.price-card>small{min-height:0}.plan-summary{min-height:96px}.plan-delivery{min-height:0}.addon-card{grid-template-columns:1fr;gap:20px;min-height:0;padding:24px}.pricing-tabs{width:100%}.pricing-tabs button{flex:1;padding-inline:10px}.pricing-speed{width:100%}}
@media(max-width:390px){.plan-head{align-items:flex-start;flex-direction:column}.price-card .price-line h3,.addon-card .price-line h3{font-size:1.85rem}}

/* Multi-page structure */
.desktop-nav a[aria-current="page"],.mobile-menu a[aria-current="page"]{color:#fff}.desktop-nav a[aria-current="page"]:after{width:100%}
.section-more{display:flex;justify-content:center;margin-top:32px}.section-more .text-button{font-size:.84rem}
.page-navigation{padding:86px 0;background:#f4f6f8;color:#101318}.page-navigation .section-heading{margin-bottom:32px}.page-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.page-link-grid a{position:relative;display:grid;min-height:160px;padding:25px;border:1px solid #dfe4e8;border-radius:18px;background:#fff;box-shadow:0 16px 45px rgba(22,32,42,.06);transition:.22s}.page-link-grid a:hover{border-color:#7ccaff;box-shadow:0 22px 55px rgba(22,115,174,.12);transform:translateY(-3px)}.page-link-grid span{color:#168edc;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.page-link-grid b{align-self:end;max-width:240px;color:#171b20;font-family:"Manrope",sans-serif;font-size:1.05rem}.page-link-grid i{position:absolute;right:22px;bottom:20px;color:#168edc;font-size:1.2rem;font-style:normal}
.contact-band{padding:74px 0;background:radial-gradient(circle at 15% 30%,rgba(38,151,220,.18),transparent 32%),#07090b}.contact-band-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}.contact-band h2{margin:0 0 12px;font-family:"Manrope",sans-serif;font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.04;letter-spacing:-.055em}.contact-band p:not(.eyebrow){max-width:650px;margin:0;color:#919ba6}.contact-band-actions{display:flex;flex:0 0 auto;gap:10px}
.inner-page{background:#f4f6f8}.inner-page .site-header{background:rgba(5,5,5,.96)}.page-hero{position:relative;overflow:hidden;padding:165px 0 95px;background:radial-gradient(circle at 78% 20%,rgba(52,164,230,.2),transparent 30%),linear-gradient(145deg,#060708,#0b1116);color:#fff}.page-hero:after{content:"";position:absolute;right:-35px;bottom:-245px;width:470px;height:470px;border:82px solid rgba(107,205,255,.08);border-radius:34px;transform:rotate(45deg)}.page-hero .container{position:relative;z-index:1}.page-hero-copy{max-width:900px}.page-hero h1{margin:0;font-family:"Manrope",sans-serif;font-size:clamp(3.5rem,7vw,6.7rem);line-height:.95;letter-spacing:-.075em}.page-hero .page-lede{max-width:720px;margin:25px 0 0;color:#a7b1ba;font-size:1.1rem}.page-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:31px}.page-hero-meta{display:flex;flex-wrap:wrap;gap:10px 24px;margin:35px 0 0;padding:23px 0 0;border-top:1px solid #242a30;color:#8f99a3;font-size:.75rem}.page-hero-meta span:before{content:"✓";margin-right:8px;color:#59baff}
.detail-section{padding:95px 0;background:#fff}.detail-section.alt{background:#f4f6f8}.detail-section.dark-section{background:#090b0e}.detail-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);gap:80px;align-items:end;margin-bottom:45px}.detail-heading h2{max-width:760px;margin:0;font-family:"Manrope",sans-serif;font-size:clamp(2.6rem,5vw,4.5rem);line-height:1.03;letter-spacing:-.06em}.detail-heading>p{margin:0;color:#69747f}.dark-section .detail-heading>p{color:#8d98a3}
.detail-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.detail-card{padding:30px;border:1px solid #dce2e7;border-radius:20px;background:#fff}.detail-card .eyebrow{margin-bottom:20px}.detail-card h2,.detail-card h3{margin:0 0 12px;font-family:"Manrope",sans-serif;font-size:1.55rem;letter-spacing:-.035em}.detail-card p{color:#65717c}.detail-card ul{display:grid;gap:9px;padding:18px 0 0;margin:20px 0 0;border-top:1px solid #e5e9ed;list-style:none}.detail-card li{color:#4f5a65;font-size:.84rem}.detail-card li:before{content:"✓";margin-right:9px;color:#168edc}.detail-card .text-button{margin-top:22px}.dark-section .detail-card{border-color:#292e34;background:#111419}.dark-section .detail-card h2,.dark-section .detail-card h3{color:#fff}.dark-section .detail-card p,.dark-section .detail-card li{color:#929ca7}.dark-section .detail-card ul{border-color:#282d33}
.wide-callout{display:grid;grid-template-columns:1.25fr .75fr;gap:45px;align-items:center;padding:38px;border:1px solid #d9e1e7;border-radius:22px;background:linear-gradient(135deg,#fff,#edf7fd)}.wide-callout h2{margin:0 0 13px;font-family:"Manrope",sans-serif;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.05em}.wide-callout p{margin:0;color:#66717c}.wide-callout-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}
.project-case-grid{display:grid;gap:24px}.project-case{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center;padding:20px;border:1px solid #dbe1e6;border-radius:24px;background:#fff;box-shadow:0 18px 55px rgba(20,34,47,.06)}.project-case:nth-child(even){grid-template-columns:.85fr 1.15fr}.project-case:nth-child(even) .project-case-image{order:2}.project-case-image{height:420px;overflow:hidden;border-radius:16px;background:#101318}.project-case-image img{width:100%;height:100%;object-fit:cover;object-position:top}.project-case-copy{padding:24px}.project-case-copy h2{margin:8px 0 14px;font-family:"Manrope",sans-serif;font-size:2rem;letter-spacing:-.04em}.project-case-copy p{color:#68737d}.project-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.project-tags span{padding:7px 10px;border-radius:999px;background:#eaf6fd;color:#147fbc;font-size:.67rem;font-weight:700}
.screenshot-preview.jd-preview img,.project-case-image.jd-case-image img{object-fit:contain;object-position:center;background:#141414}
.timeline-list{display:grid;gap:12px;counter-reset:step}.timeline-card{display:grid;grid-template-columns:90px 1fr 220px;gap:28px;align-items:center;padding:30px;border:1px solid #dce2e7;border-radius:18px;background:#fff}.timeline-number{font-family:"Manrope",sans-serif;font-size:2.4rem;font-weight:800;color:#1e9ce8}.timeline-card h2{margin:0 0 8px;font-family:"Manrope",sans-serif;font-size:1.6rem}.timeline-card p{margin:0;color:#69747e}.timeline-card aside{padding-left:24px;border-left:1px solid #e1e5e9;color:#65717b;font-size:.78rem}.timeline-card aside b{display:block;margin-bottom:5px;color:#20252a}
.about-story{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.about-story h2{margin:0;font-family:"Manrope",sans-serif;font-size:clamp(2.7rem,5vw,4.7rem);line-height:1.03;letter-spacing:-.06em}.about-story-copy{display:grid;gap:18px}.about-story-copy p{margin:0;color:#64707a}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.value-card{min-height:230px;padding:27px;border:1px solid #dce2e7;border-radius:19px;background:#fff}.value-card span{color:#168edc;font-size:.67rem;font-weight:800}.value-card h3{margin:45px 0 10px;font-family:"Manrope",sans-serif;font-size:1.35rem}.value-card p{margin:0;color:#68737e;font-size:.85rem}
.contact-page-main{padding:145px 0 0;background:#090b0e;color:#fff}.contact-page-main .contact{padding-top:40px}.contact-intro{max-width:860px;margin-bottom:50px}.contact-intro h1{margin:0;color:#fff;font-family:"Manrope",sans-serif;font-size:clamp(3.5rem,7vw,6rem);line-height:.97;letter-spacing:-.07em}.contact-intro>p:not(.eyebrow){max-width:680px;color:#9da7b1;font-size:1.05rem}.contact-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.contact-options a,.contact-options div{padding:18px;border:1px solid #292e34;border-radius:14px;background:#101318}.contact-options span{display:block;margin-bottom:5px;color:#6f7a85;font-size:.65rem;text-transform:uppercase}.contact-options b{color:#e4e9ed;font-size:.86rem}.faq-after-contact{background:#f4f6f8;color:#101318}

@media(max-width:900px){.page-link-grid,.contact-options,.value-grid{grid-template-columns:1fr 1fr}.page-link-grid a:last-child,.contact-options>*:last-child{grid-column:1/-1}.contact-band-inner,.detail-heading{align-items:flex-start;flex-direction:column}.contact-band-inner{display:flex}.detail-heading{display:grid;grid-template-columns:1fr;gap:20px}.detail-card-grid{grid-template-columns:1fr}.wide-callout,.project-case,.project-case:nth-child(even),.about-story{grid-template-columns:1fr}.project-case:nth-child(even) .project-case-image{order:0}.timeline-card{grid-template-columns:70px 1fr}.timeline-card aside{grid-column:2;padding:15px 0 0;border-left:0;border-top:1px solid #e1e5e9}.wide-callout-actions{justify-content:flex-start}}
@media(max-width:600px){.process{display:block!important}.page-hero{padding:125px 0 70px}.page-hero:after{right:-175px;bottom:-160px;width:310px;height:310px;border-width:58px;border-radius:25px}.page-hero h1{font-size:3.25rem}.page-hero-actions{display:grid}.page-hero-actions .button{width:100%}.page-navigation{padding:70px 0}.page-link-grid,.contact-options,.value-grid{grid-template-columns:1fr}.page-link-grid a:last-child,.contact-options>*:last-child{grid-column:auto}.page-link-grid a{min-height:135px}.contact-band{padding:64px 0}.contact-band-actions{display:grid;width:100%}.contact-band-actions .button{width:100%}.detail-section{padding:72px 0}.detail-card,.wide-callout{padding:23px}.project-case{padding:12px}.project-case-image{height:300px}.project-case-copy{padding:16px 10px 18px}.timeline-card{grid-template-columns:1fr;padding:23px}.timeline-number{font-size:1.8rem}.timeline-card aside{grid-column:auto}.about-story{gap:30px}.contact-page-main{padding-top:105px}.contact-intro h1{font-size:3.2rem}}

/* 2026 precision system — Higgsfield visual direction */
:root{
  --black:#030508;
  --soft-black:#070b11;
  --charcoal:#0d131c;
  --white:#f8fbff;
  --off:#f0f3f7;
  --gray:#667281;
  --line:#d7dee7;
  --blue:#48a8ff;
  --blue-deep:#0877e8;
  --blue-pale:#e8f4ff;
  --shadow:0 28px 80px rgba(5,18,35,.13);
  --radius:10px;
  --container:1240px;
}

html{background:#030508}
body{letter-spacing:normal}
.container{width:min(var(--container),calc(100% - 56px))}
.section{padding:132px 0}
.section-heading{margin-bottom:64px}
.section-heading h2,.why-copy h2,.about-copy h2,.contact-copy h2{font-weight:600;letter-spacing:-.06em}
.section-heading>p,.section-heading.split>p{line-height:1.75}
.eyebrow{gap:12px;color:#84c7ff;font-size:.69rem;font-weight:700;letter-spacing:.19em}
.eyebrow:before{content:"";width:24px;height:1px;background:currentColor;opacity:.65}
.eyebrow .pulse-dot{display:none}
.eyebrow.blue{color:#0877e8}
.gradient-text{background:linear-gradient(112deg,#f8fbff 2%,#9fd1ff 48%,#3d9fff 90%);-webkit-background-clip:text;background-clip:text}

.site-header{height:82px;border-bottom-color:rgba(126,186,241,.11);background:rgba(3,5,8,.76);backdrop-filter:blur(22px) saturate(120%)}
.site-header.scrolled{height:70px;background:rgba(3,5,8,.94);box-shadow:0 14px 44px rgba(0,0,0,.28)}
.desktop-nav{gap:28px}
.desktop-nav a{position:relative;color:#9ca8b6;font-size:.8rem;letter-spacing:.01em}
.desktop-nav a:after{content:"";position:absolute;right:0;bottom:-9px;left:0;height:1px;transform:scaleX(0);transform-origin:right;background:#57b1ff;transition:transform .25s ease}
.desktop-nav a:hover:after,.desktop-nav a[aria-current="page"]:after{transform:scaleX(1);transform-origin:left}
.desktop-nav a[aria-current="page"]{color:#f8fbff}

.button{min-height:52px;padding:0 24px;border-color:#3c9df6;border-radius:5px;background:#4aa9ff;box-shadow:0 16px 42px rgba(25,124,221,.2);color:#03101c;font-size:.84rem;letter-spacing:-.01em}
.button:hover{transform:translateY(-2px);box-shadow:0 20px 50px rgba(25,124,221,.3)}
.button-ghost{border-color:#293543;background:rgba(9,14,21,.62);color:#f2f7fb;box-shadow:none}
.button-ghost:hover{border-color:#5d7489;background:#101821}
.button-dark{border-color:#09111b;background:#09111b;color:#fff}
.button-dark:hover,.button-dark:focus-visible{color:#fff}
.text-button{position:relative;color:#0877e8}
.text-button:after{content:"";position:absolute;right:0;bottom:-5px;left:0;height:1px;transform:scaleX(.25);transform-origin:left;background:currentColor;transition:transform .25s ease}
.text-button:hover:after{transform:scaleX(1)}

.hero{min-height:910px;padding:164px 0 0;background:#030508}
.hero:before{background-image:linear-gradient(rgba(94,159,222,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(94,159,222,.035) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,5,8,.18),transparent 56%),radial-gradient(circle at 78% 33%,rgba(15,107,196,.13),transparent 35%);pointer-events:none}
.hero-grid{z-index:2;grid-template-columns:minmax(0,.92fr) minmax(470px,1.08fr);gap:58px}
.hero-copy{position:relative;z-index:3}
.hero-copy h1{max-width:720px;font-size:clamp(3.75rem,6.6vw,6.65rem);font-weight:500;line-height:.91;letter-spacing:-.075em}
.hero-lede{max-width:620px;margin:30px 0 32px;color:#a5b0bd;font-size:1.03rem;line-height:1.78}
.hero-actions{gap:10px}
.trust-line{margin-top:30px;color:#d7e1ea;font-size:.84rem}
.trust-line span{width:auto;height:auto;border-radius:0;background:none;color:#5bb4ff}
.mini-trust{gap:10px 18px;color:#6f7d8c;font-size:.65rem;letter-spacing:.09em}
.mini-trust li:before{width:12px;height:1px;margin:0 8px 3px 0;border-radius:0;background:#355069}
.hero-glow{display:none}
.industry-strip{z-index:2;margin-top:80px;min-height:94px;border-top-color:rgba(116,168,216,.12)}
.industry-strip span{color:#7e8b99}.industry-strip b{color:#4b5a69;font-weight:500}

.problems{background:#f1f4f7}
.problem-grid{border-color:#d3dbe4}
.problem-grid article{min-height:260px;padding:36px;border-color:#d3dbe4;background:rgba(255,255,255,.7)}
.problem-grid article:hover{transform:translateY(-3px);background:#fff;box-shadow:0 24px 60px rgba(20,39,57,.09)}
.problem-grid h3{margin-top:38px}
.solution-banner{border:1px solid #1a2836;border-radius:4px;background:#07101a}
.diamond-mark{transform:rotate(45deg);font-size:1.1rem}

.services,.detail-section.dark-section,.contact-band{background-color:#05080d;background-image:linear-gradient(100deg,rgba(4,8,13,.97),rgba(4,8,13,.83)),url("assets/higgsfield/jemline-texture.webp");background-size:cover;background-position:center}
.services-grid{gap:1px;border:1px solid #202b36;background:#202b36}
.service-card{min-height:260px;padding:32px;border:0;border-radius:0;background:#0b1118}
.service-card:hover{transform:none;background:#101a24;box-shadow:inset 0 2px #4aa9ff}
.service-card.featured{border:0;background:linear-gradient(145deg,rgba(25,119,211,.24),#0b1118 68%)}
.service-card h3{font-size:1.18rem}.service-card p{color:#8592a0}

.transformation{position:relative;background-color:#05080c;background-image:linear-gradient(90deg,rgba(2,5,8,.96),rgba(2,5,8,.73),rgba(2,5,8,.92)),url("assets/higgsfield/jemline-divider.webp");background-size:cover;background-position:center}
.transformation:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05080c 0%,transparent 20%,transparent 80%,#05080c 100%);pointer-events:none}
.transformation>.container{position:relative}
.compare-stage{border-radius:5px;border-color:#33414f;box-shadow:0 44px 120px rgba(0,0,0,.5)}

.results{background:#f7f9fb}
.results-grid{border-color:#d4dce5}
.results-grid article{border-color:#d4dce5;background:transparent}
.results-grid strong{font-weight:500;color:#0877e8}
.process{background:#fff}
.process-grid{gap:0;border-top:1px solid #d6dee7}
.process-grid article{border-bottom:1px solid #d6dee7;border-radius:0}
.why{background:#07101a;color:#fff}
.why-copy p{color:#8d9cab}
.benefit-grid{gap:1px;background:#24313d}
.benefit-grid article{border:0;border-radius:0;background:#0c151e}
.benefit-grid h3{color:#f4f8fc}.benefit-grid p{color:#82909e}
.about{background:#f1f4f7}
.about-values{border-color:#d3dce5}

.page-navigation{background:#edf1f5}
.page-link-grid{gap:1px;border:1px solid #d4dde6;background:#d4dde6}
.page-link-grid a{min-height:174px;border:0;border-radius:0;background:#f9fbfd;box-shadow:none}
.page-link-grid a:hover{border-color:transparent;background:#fff;box-shadow:inset 0 -3px #168de0;transform:none}
.page-link-grid i{font-style:normal}
.contact-band{border-top:1px solid #142434}
.contact-band-inner{position:relative}
.contact-band-inner:after{content:"";position:absolute;right:8%;top:50%;width:150px;height:150px;border:1px solid rgba(77,170,255,.15);transform:translateY(-50%) rotate(45deg);pointer-events:none}
.contact-band-actions{position:relative;z-index:2}
.site-footer{background:#020407}

.page-hero{padding:178px 0 108px;background-color:#030609;background-image:linear-gradient(90deg,rgba(2,5,8,.97) 0%,rgba(2,5,8,.82) 52%,rgba(2,5,8,.55) 100%),url("assets/higgsfield/jemline-divider.webp");background-size:cover;background-position:center}
.page-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(94,159,222,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(94,159,222,.03) 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(to right,#000,transparent 78%)}
.page-hero:after{right:3vw;bottom:-300px;width:500px;height:500px;border:1px solid rgba(88,177,255,.2);border-radius:0;box-shadow:0 0 0 72px rgba(88,177,255,.025),0 0 0 144px rgba(88,177,255,.018)}
.page-hero h1{max-width:940px;font-weight:500;letter-spacing:-.072em}
.page-lede{line-height:1.75}
.page-hero-meta{border-top-color:#263341}
.detail-section{padding:110px 0}.detail-section.alt{background:#eef2f6}
.detail-card-grid{gap:1px;border:1px solid #d8e0e8;background:#d8e0e8}
.detail-card{border:0;border-radius:0}
.detail-card:hover{box-shadow:inset 0 2px #3ea3f8}
.wide-callout{border-radius:4px;background:linear-gradient(125deg,#fff,#edf6fe)}
.project-case{border-radius:5px}.project-case-image{border-radius:3px}
.timeline-list{gap:1px;background:#d8e0e8}.timeline-card{border:0;border-radius:0}
.value-grid{gap:1px;background:#d8e0e8}.value-card{border:0;border-radius:0}
.contact-page-main{background-color:#04080d;background-image:linear-gradient(90deg,rgba(3,7,12,.98),rgba(3,7,12,.86)),url("assets/higgsfield/jemline-texture.webp");background-size:cover}
.contact-options{gap:1px;background:#27323d}.contact-options a,.contact-options div{border:0;border-radius:0;background:#0c131b}
.price-card,.addon-card,.pricing-tabs,.pricing-speed{border-radius:5px}
.price-card{background:#0b1118}.price-card.featured{background:linear-gradient(145deg,rgba(18,114,209,.22),#0b1118 55%)}
.price-card .button{border-radius:4px}
.project-tags span{border-radius:4px}

@media(max-width:1050px){
  .hero{min-height:auto}
  .hero-grid{grid-template-columns:1fr;gap:58px}
  .hero-copy{max-width:780px}
  .hero-copy h1{max-width:760px}
}

@media(max-width:860px){
  .container{width:min(100% - 40px,var(--container))}
  .site-header{height:70px}
  .mobile-menu{background:#05090e}
  .mobile-menu a{border-color:#172330}
  .section{padding:96px 0}
  .section-heading.split{gap:28px}
  .hero{padding-top:132px}
  .hero-copy h1{font-size:clamp(3.45rem,12vw,5.7rem)}
  .industry-strip{margin-top:70px}
  .page-hero{padding-top:142px}
}

@media(max-width:600px){
  .container{width:min(100% - 30px,var(--container))}
  .section{padding:82px 0}
  .section-heading{margin-bottom:40px}
  .section-heading h2,.why-copy h2,.about-copy h2,.contact-copy h2{font-size:2.55rem}
  .eyebrow{font-size:.62rem}
  .hero{padding-top:118px}
  .hero-grid{gap:42px}
  .hero-copy h1{font-size:clamp(3rem,15vw,4.35rem);line-height:.92}
  .hero-lede{margin-top:24px;font-size:.96rem}
  .hero-actions{display:grid}
  .hero-actions .button{width:100%}
  .mini-trust{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .industry-strip{margin-top:76px;justify-content:flex-start}
  .industry-strip span{width:100%}
  .industry-strip b{font-size:.61rem}
  .problem-grid article{min-height:220px;padding:27px}
  .problem-grid h3{margin-top:26px}
  .solution-banner{grid-template-columns:auto 1fr;padding:20px}
  .solution-banner a{grid-column:1/-1;white-space:normal}
  .services-grid{border:0;background:transparent}
  .service-card{border-bottom:1px solid #202b36}
  .page-hero{padding:128px 0 76px}
  .page-hero:after{right:-170px;bottom:-220px;width:320px;height:320px;border-width:1px;border-radius:0}
  .contact-band-inner:after{right:-90px}
}

.reveal{opacity:1;transform:translateY(16px);transition:transform .7s ease}
.reveal.visible{opacity:1;transform:none}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1!important;transform:none!important;transition:none!important}
  *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Internal client-site preview links */
.project-preview-link{display:block;min-width:0;border-radius:16px;color:inherit;text-decoration:none}
.project-preview-link .project-case-image{position:relative}
.project-preview-overlay{position:absolute;z-index:2;inset:0;display:grid;place-items:center;padding:20px;background:rgba(2,7,12,.66);opacity:0;transition:opacity .22s ease;pointer-events:none}
.project-preview-overlay>span{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:rgba(3,8,13,.78);box-shadow:0 14px 35px rgba(0,0,0,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:.82rem;font-weight:800;letter-spacing:.01em}
.preview-mobile-label{display:none!important}
.project-preview-link:focus-visible{outline:3px solid #48a8ff;outline-offset:5px}
.project-preview-link:focus-visible .project-preview-overlay{opacity:1}
@media(hover:hover) and (pointer:fine){.project-preview-link:hover .project-preview-overlay{opacity:1}.project-preview-link:hover .project-case-image img{transform:scale(1.015)}.project-preview-link .project-case-image img{transition:transform .35s ease}}
@media(max-width:600px){.project-preview-link{border-radius:16px}.project-preview-overlay{inset:auto 10px 10px auto;padding:0;background:transparent;opacity:1}.project-preview-overlay>span{min-height:36px;padding:0 12px;border-color:rgba(255,255,255,.3);font-size:.68rem}.preview-desktop-label{display:none!important}.preview-mobile-label{display:inline-flex!important}}
.project-case:nth-child(even)>.project-preview-link{order:2}
@media(max-width:900px){.project-case:nth-child(even)>.project-preview-link{order:0}}


/* Center incomplete service rows without rendering fake empty cards */
.services-grid{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:1px;
  border:0;
  background:transparent;
}
.services-grid .service-card{
  flex:0 0 calc((100% - 3px) / 4);
  max-width:calc((100% - 3px) / 4);
  border:1px solid #202b36;
}

/* Center the final Landing Pages card on the full services page */
.service-detail-grid{
  border:0;
  background:transparent;
}
.service-detail-grid .detail-card{
  border:1px solid #d8e0e8;
}
.service-detail-grid .detail-card:last-child{
  grid-column:1 / -1;
  width:calc((100% - 1px) / 2);
  justify-self:center;
}

@media(max-width:1080px){
  .services-grid .service-card{
    flex-basis:calc((100% - 1px) / 2);
    max-width:calc((100% - 1px) / 2);
  }
}

@media(max-width:900px){
  .service-detail-grid .detail-card:last-child{
    grid-column:auto;
    width:100%;
  }
}

@media(max-width:600px){
  .services-grid .service-card{
    flex-basis:100%;
    max-width:100%;
  }
}

/* Legal sidebar action buttons: keep them compact, centered, and visually separate from the section links. */
.legal-aside a.button,
.legal-aside a.button-small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 46px;
  margin: 20px 0 0;
  padding: 0 18px;
  border: 1px solid #3c9df6;
  border-radius: 10px;
  background: #4aa9ff;
  color: #03101c;
  font-size: .82rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 10px 26px rgba(25,124,221,.18);
}
.legal-aside a.button:hover,
.legal-aside a.button-small:hover {
  color: #03101c;
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(25,124,221,.26);
}
@media (max-width: 600px) {
  .legal-aside a.button,
  .legal-aside a.button-small {
    min-height: 44px;
    padding: 0 16px;
    font-size: .8rem;
  }
}