/* Reference-informed layout; the existing VisionSpark palette and original logo are retained. */
:root{--ink:#102548;--muted:#607089;--blue:#185be8;--navy:#091d3c;--pale:#f3f7fe;--line:#dfe6f1}body{font-family:Arial,Helvetica,sans-serif}.wrap{max-width:1440px}.navlinks{gap:22px}.navlinks .button{padding:13px 19px}.brand-logo{width:209px}.button{border-radius:6px}.ux-home-hero{background:var(--pale);padding:79px 0 74px;border-bottom:1px solid var(--line);overflow:hidden}.ux-hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:6%;align-items:center}.ux-home-hero h1{font-size:clamp(42px,4.5vw,65px);letter-spacing:-3px;line-height:1.08;margin:25px 0}.ux-home-hero h1 em,.ux-page-head h1 em{font-style:normal;color:var(--blue)}.ux-lead{font-size:16px;line-height:1.85;color:var(--muted);max-width:620px}.ux-hero-foot{display:flex;gap:23px;margin-top:35px;color:#72849d;font-size:9px;font-weight:700;letter-spacing:1px}.ux-hero-visual{position:relative;min-width:0;padding:25px 0 55px}.ux-orbit{position:absolute;inset:-40px -50px -20px 15px;background:linear-gradient(135deg,#d6e6ff,var(--pale));border-radius:50%;border:1px solid var(--line)}.ux-hero-browser{position:relative;transform:rotate(-3deg);box-shadow:0 30px 55px #1025481c}.ux-mock{border:1px solid #cedbef;background:#fff;border-radius:10px;overflow:hidden;min-width:0}.ux-mock-bar{display:flex;align-items:center;gap:5px;background:var(--navy);padding:13px 15px;color:#b6ccec}.ux-mock-bar i{width:5px;height:5px;background:#6d9ff4;border-radius:50%}.ux-mock-bar span{font-size:8px;letter-spacing:.7px;margin-left:12px}.ux-mock-content{padding:25px 27px;background:linear-gradient(145deg,#fff 40%,#edf4ff);min-height:265px}.ux-mock-brand{font-size:12px;font-weight:700;margin-bottom:20px;color:var(--ink)}.ux-mock-content strong{font-size:32px;line-height:1.1;letter-spacing:-1px;color:var(--ink);display:block}.ux-mock-content strong em{font-style:normal;color:var(--blue)}.ux-mock-line{display:block;height:5px;border-radius:5px;background:#d1dff3;width:85%;margin-top:18px}.ux-mock-line.short{width:60%;margin-top:7px}.ux-mock-button{display:inline-block;background:var(--blue);color:#fff;font-size:8px;padding:9px 13px;margin-top:20px;border-radius:3px}.ux-mock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px}.ux-mock-grid i{background:#fff;padding:15px 8px;border:1px solid var(--line);font-size:9px;color:var(--muted);font-style:normal}.ux-float{position:absolute;bottom:24px;right:-15px;display:flex;align-items:center;gap:12px;background:#fff;padding:16px 20px;box-shadow:0 8px 28px #10254815;border:1px solid var(--line);border-radius:7px}.ux-float b{font-size:12px;display:block}.ux-float small{font-size:10px;color:var(--muted);display:block}.ux-check{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff}.ux-marquee{background:var(--navy);color:#d5e2f7;padding:19px 0;font-size:11px;font-weight:600}.ux-marquee .wrap{display:flex;justify-content:space-between;gap:25px;align-items:center}.ux-marquee b{color:#6a9af1}.ux-section{padding:84px 0}.ux-section-heading{display:flex;align-items:end;justify-content:space-between;gap:65px;margin-bottom:36px}.ux-section-heading p{max-width:385px;font-size:14px;color:var(--muted)}.ux-section h2{font-size:clamp(31px,3.1vw,44px);letter-spacing:-1.7px}.ux-text-link{font-size:12px;font-weight:700;color:var(--blue);white-space:nowrap}.ux-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ux-pillars article{padding:30px;background:var(--pale);border-top:3px solid var(--blue);border-radius:0 0 7px 7px}.ux-index{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--blue)}.ux-pillars h3{font-size:31px;margin:17px 0 12px;letter-spacing:-1px}.ux-pillars p{font-size:14px;color:var(--muted)}.ux-pillars a{display:block;margin-top:24px;font-weight:700;font-size:11px;color:var(--blue)}.ux-navy{background:var(--navy);color:white}.ux-navy .eyebrow{color:#90baff}.ux-navy .eyebrow:before{background:#90baff}.ux-navy .ux-text-link{color:#90baff}.ux-service-links{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}.ux-service-links a{display:flex;gap:20px;align-items:center;padding:23px 0;border-bottom:1px solid #ffffff25}.ux-service-links a:hover h3{color:#90baff}.ux-service-links span{color:#769edb;font-size:10px}.ux-service-links h3{font-size:18px;line-height:1.3;margin:0;font-weight:500;flex:1}.ux-service-links b{color:#90baff;font-size:19px}.ux-tint{background:var(--pale)}.ux-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.ux-work-card{min-width:0}.ux-work-card .ux-mock-content{min-height:250px;padding:23px}.ux-work-card .ux-mock-content strong{font-size:27px}.ux-work-info{padding:22px 0}.ux-tag{display:inline-block;color:var(--blue);font-size:9px;letter-spacing:1px;font-weight:700;text-transform:uppercase}.ux-work-info h3{font-size:21px;line-height:1.3;letter-spacing:-.5px;margin:11px 0}.ux-work-info p{font-size:13px;color:var(--muted);line-height:1.8}.ux-work-info a{font-weight:700;font-size:11px;color:var(--blue)}.ux-products{display:flex;gap:10px;margin-top:20px}.ux-products i{height:100px;flex:1;display:grid;place-items:center;font-style:normal;font-size:13px;color:#7da0d9;background:linear-gradient(140deg,#d5e4ff,#f5f8ff);border-radius:40% 40% 5px 5px}.ux-flow{display:grid;justify-items:center;gap:4px}.ux-flow i{font-style:normal;background:#fff;border:1px solid var(--line);padding:10px 13px;width:100%;font-size:11px}.ux-flow i b{float:right;color:var(--blue)}.ux-flow span{color:var(--blue);line-height:1.2}.ux-process{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin-top:40px}.ux-process article{border-top:2px solid #cadcf8;padding-top:20px}.ux-process span{font-size:11px;color:var(--blue);font-weight:700}.ux-process h3{font-size:19px;margin:14px 0 10px;letter-spacing:-.5px}.ux-process p{font-size:13px;color:var(--muted)}.ux-industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ux-industry{position:relative;padding:28px;background:#fff;border:1px solid var(--line);border-radius:6px;transition:box-shadow .2s,transform .2s}.ux-industry:hover{box-shadow:0 14px 25px #1025480a;transform:translateY(-3px);border-color:#8db4f4}.ux-industry h3{font-size:20px;margin:14px 0 10px;letter-spacing:-.5px}.ux-industry p{font-size:13px;color:var(--muted);margin:0 0 20px}.ux-arrow{color:var(--blue);font-size:22px}.ux-price-intro{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.ux-price-intro p{color:var(--muted);font-size:14px;max-width:420px}.ux-price-list a{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:25px 0}.ux-price-list b{font-size:14px}.ux-price-list span{font-size:11px;color:var(--blue);white-space:nowrap}.ux-cta{background:var(--blue);color:white;padding:60px 0}.ux-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:60px}.ux-cta .eyebrow{color:#d2e2ff}.ux-cta .eyebrow:before{background:#d2e2ff}.ux-cta h2{font-size:clamp(30px,3.2vw,45px);max-width:700px;letter-spacing:-1.5px}.ux-cta p{color:#d6e6ff;font-size:14px;max-width:630px}.ux-cta .button{flex-shrink:0}.ux-footer{padding:55px 0 0;background:#fff}.ux-footer-grid{display:grid;grid-template-columns:1.4fr .7fr 1fr 1.2fr;gap:40px;padding-bottom:40px}.ux-footer-grid b{display:block;font-size:12px;margin-bottom:16px}.ux-footer-grid a:not(.brand):not(.button){display:block;font-size:11px;color:var(--muted);margin:8px 0;overflow-wrap:anywhere}.ux-footer-grid p{font-size:12px;color:var(--muted)}.ux-footer-grid .brand-logo{width:200px}.ux-footer-grid .button{font-size:11px;padding:12px 15px}.ux-footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#7c8ba1;padding-top:22px;padding-bottom:22px}.ux-page-head{padding:70px 0 62px;background:var(--pale);border-bottom:1px solid var(--line)}.ux-page-head h1{font-size:clamp(38px,4.5vw,65px);max-width:1000px;letter-spacing:-2.7px;margin:23px 0}.ux-page-head .ux-lead{max-width:730px}.ux-filters{display:flex;gap:9px;flex-wrap:wrap}.ux-filters button{border:1px solid var(--line);padding:10px 20px;color:var(--muted);background:#fff;border-radius:4px;font-size:12px;cursor:pointer}.ux-filters button[aria-pressed=true]{color:white;background:var(--blue);border-color:var(--blue)}.ux-filter-status{font-size:11px;color:var(--muted);margin:14px 0 28px}.ux-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ux-service{display:flex;flex-direction:column;padding:30px;border:1px solid var(--line);border-radius:6px}.ux-service>div{display:flex;justify-content:space-between}.ux-service h3{font-size:22px;letter-spacing:-.6px;line-height:1.3;margin:23px 0 14px}.ux-service p{font-size:13px;color:var(--muted);margin:0 0 30px}.ux-service>a{margin-top:auto;font-size:12px;font-weight:700;color:var(--blue);display:flex;justify-content:space-between}.ux-detail-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:12%;align-items:start}.ux-detail-grid p{font-size:15px;color:var(--muted)}.ux-checklist{list-style:none;margin:25px 0;padding:0}.ux-checklist li{padding:15px 0 15px 25px;border-bottom:1px solid var(--line);font-size:14px;position:relative}.ux-checklist li:before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:700}.ux-brief-panel,.ux-company-card{background:var(--pale);border:1px solid var(--line);padding:32px;border-radius:7px}.ux-brief-panel h3,.ux-company-card h3{font-size:25px;line-height:1.25;letter-spacing:-.7px}.ux-brief-panel ol{padding-left:18px;font-size:14px;color:var(--muted)}.ux-brief-panel li{padding:10px 0}.ux-brief-panel .button{margin-top:20px}.ux-context-note{margin-top:30px;padding:20px 25px;background:var(--pale);border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:12px}.ux-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ux-pricing-card{border:1px solid var(--line);padding:32px;border-radius:8px;display:flex;flex-direction:column}.ux-pricing-card:nth-child(2){border-top:4px solid var(--blue);background:var(--pale)}.ux-pricing-card h3{font-size:24px;letter-spacing:-.7px;margin:20px 0 12px}.ux-price{font-size:20px;color:var(--blue);font-weight:700}.ux-pricing-card p{font-size:13px;color:var(--muted)}.ux-pricing-card .button{margin-top:auto}.ux-pricing-card .ux-checklist{margin-bottom:30px}.ux-pricing-card li{font-size:12px}.ux-faq details{padding:22px 0;border-bottom:1px solid var(--line)}.ux-faq summary{font-size:15px;font-weight:700;cursor:pointer}.ux-faq p{font-size:13px}.ux-company-card dl{font-size:13px}.ux-company-card dt{font-weight:700;margin-top:20px}.ux-company-card dd{color:var(--muted);margin:5px 0 0;overflow-wrap:anywhere}.ux-values{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}.ux-values b{font-size:11px;color:#90baff}.ux-values h3{font-size:22px}.ux-values p{font-size:13px;color:#b9cbe5}.ux-contact-grid{display:grid;grid-template-columns:.9fr 1.2fr;gap:12%}.ux-contact-grid aside{padding-top:10px}.ux-contact-grid aside>p{font-size:14px;color:var(--muted)}.ux-contact-email{display:block;color:var(--blue);font-size:16px;font-weight:700;margin:30px 0;overflow-wrap:anywhere}.ux-next{border-top:1px solid var(--line);padding-top:20px}.ux-next h3{font-size:19px}.ux-next ol{padding-left:20px;font-size:13px;color:var(--muted)}.ux-next li{padding:9px 0}.ux-form-panel{background:var(--pale);padding:36px;border:1px solid var(--line);border-radius:7px}.ux-form-panel .field{margin-bottom:20px}.ux-form-panel .field label{font-size:12px}.ux-form-panel .field label span{font-weight:400;color:var(--muted)}.ux-form-panel form>.button{margin-bottom:10px}.ux-privacy{padding-top:20px;padding-bottom:60px}.ux-privacy .page-hero{max-width:100%}.ux-privacy .faq{max-width:900px;margin-left:0}.ux-privacy p{color:var(--muted)}[hidden]{display:none!important}
@media(max-width:1100px){.navlinks{gap:16px}.brand-logo{width:190px}.navlinks>a{font-size:12px}.navlinks .button{display:none}.ux-hero-grid{gap:5%}.ux-hero-foot{gap:12px}.ux-work-grid{gap:15px}.ux-mock-content strong{font-size:27px}.ux-footer-grid{gap:25px}.ux-float{right:0}.ux-detail-grid,.ux-contact-grid{gap:7%}}
@media(max-width:800px){.ux-home-hero{padding:45px 0 40px}.ux-hero-grid{grid-template-columns:1fr;gap:30px}.ux-home-hero h1{font-size:51px;letter-spacing:-2.3px}.ux-hero-visual{max-width:540px;width:100%;margin:20px auto 0}.ux-orbit{right:-10px}.ux-hero-foot{flex-wrap:wrap;gap:15px}.ux-marquee .wrap{flex-wrap:wrap;justify-content:center;gap:10px 20px}.ux-marquee b{display:none}.ux-section{padding:58px 0}.ux-section-heading{display:block}.ux-section-heading p{max-width:600px}.ux-section-heading .ux-text-link{display:inline-block;margin-top:20px}.ux-pillars,.ux-work-grid,.ux-pricing-grid{grid-template-columns:1fr}.ux-pillars article{padding:28px}.ux-work-card{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.ux-work-info{padding:0}.ux-work-grid{gap:35px}.ux-work-card .ux-mock-content{min-height:230px}.ux-industry-grid,.ux-service-grid{grid-template-columns:1fr 1fr}.ux-process{grid-template-columns:1fr 1fr}.ux-price-intro,.ux-detail-grid,.ux-contact-grid{grid-template-columns:1fr;gap:30px}.ux-cta .wrap{display:block}.ux-cta .button{margin-top:20px}.ux-footer-grid{grid-template-columns:1fr 1fr;gap:30px}.ux-footer-bottom{flex-wrap:wrap;justify-content:start}.ux-page-head{padding:45px 0}.ux-page-head h1{font-size:48px;letter-spacing:-2px}.ux-values{grid-template-columns:1fr 1fr}.ux-form-panel{padding:28px}.navlinks .button{display:inline-flex}.navlinks>a{font-size:14px}.ux-brief-panel{padding:28px}}
@media(max-width:500px){.ux-home-hero h1{font-size:41px;letter-spacing:-1.8px}.ux-lead{font-size:15px}.ux-hero-foot{font-size:8px}.ux-float{padding:12px;bottom:20px}.ux-float b{font-size:10px}.ux-float small{font-size:9px}.ux-mock-content{padding:22px;min-height:250px}.ux-mock-content strong{font-size:30px}.ux-service-links{grid-template-columns:1fr}.ux-service-links h3{font-size:17px}.ux-industry-grid,.ux-service-grid{grid-template-columns:1fr}.ux-work-card{display:block}.ux-work-info{padding-top:20px}.ux-work-card .ux-mock-content{min-height:270px}.ux-pricing-card{padding:27px}.ux-price-list a{display:block}.ux-price-list span{display:block;margin-top:5px}.ux-page-head h1{font-size:38px;letter-spacing:-1.4px}.ux-footer-grid{grid-template-columns:1fr 1fr}.ux-footer-grid>div:first-child{grid-column:1/-1}.ux-footer-grid>div:last-child{grid-column:1/-1}.ux-process{gap:20px}.ux-form-panel{padding:23px}.ux-contact-email{font-size:14px}.ux-pricing-card .button{width:100%}.ux-filters{gap:7px}.ux-filters button{padding:9px 14px}.ux-context-note{padding:18px}.ux-company-card{padding:26px}.ux-values{gap:24px}.ux-values h3{font-size:20px}}
