:root{--navy:#091122;--navy2:#111d34;--ink:#172237;--muted:#66718a;--blue:#2369ef;--cyan:#36e2e9;--line:#e1e7ef;--surface:#f6f8fc;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'Arial',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}::selection{background:#b7f8fb;color:#0c192e}.wrap{max-width:1320px;padding-left:42px;padding-right:42px;margin:auto}.site-shell{overflow:hidden}.header{height:96px;max-width:1500px;margin:auto;padding:0 54px;display:flex;align-items:center;gap:36px;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Arial,sans-serif;font-weight:800;letter-spacing:-1.5px;font-size:24px;white-space:nowrap}.brand-symbol{background:#101b35;color:white;width:38px;height:38px;border-radius:10px;display:flex;justify-content:center;align-items:center;font-size:20px;letter-spacing:-2px}.brand-symbol span{color:var(--cyan)}.blue{color:#2772f8}.desktop-nav{display:flex;align-items:center;gap:35px}.desktop-nav a{font-size:14px;color:#566077;font-weight:700;transition:color .2s}.desktop-nav a.active,.desktop-nav a:hover{color:#1c64de}.btn{display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:17px 25px;border-radius:8px;font-weight:800;font-size:14px;border:1px solid transparent;transition:transform .25s,background .2s,box-shadow .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn span:last-child{font-size:19px}.btn-primary{background:var(--blue);color:white;box-shadow:0 11px 28px #1b63e32a}.btn-primary:hover{background:#155ada}.btn-small{padding:13px 18px;gap:15px}.btn-ghost{border-color:#cdd8e7;color:#1b2b48}.btn-light{background:white;color:#112344}.menu-btn,.mobile-nav{display:none}.hero{padding-top:90px;padding-bottom:124px;display:grid;grid-template-columns:48% 52%;min-height:690px;align-items:center;gap:20px}.hero-copy{position:relative;z-index:2}.eyebrow,.kicker{font-size:11px;letter-spacing:2.2px;font-weight:800;color:#2c6cee;display:flex;align-items:center;gap:13px}.status-dot{width:7px;height:7px;background:#2dd6c5;border-radius:50%;box-shadow:0 0 0 5px #2dd6c526}.eyebrow-line{height:1px;width:40px;background:#c8d5e8}.hero h1,.subhero h1{font:800 clamp(54px,5.3vw,85px)/1.08 Arial,sans-serif;letter-spacing:-5px;margin:31px 0 25px;max-width:750px}.hero h1 em,.subhero h1 em,.section h2 em,.statement-layout h2 em,.cta-section h2 em{color:#2771ed;font-style:normal}.hero-copy>p{color:#657086;line-height:1.9;font-size:17px;max-width:540px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:34px}.hero-bottom{display:flex;align-items:center;gap:22px;margin-top:57px;font-size:10px;color:#909aad;letter-spacing:1px;line-height:1.6}.hero-bottom b{color:#202d45;letter-spacing:0;font-size:12px}.avatars{display:flex;padding-left:8px}.avatars span{width:37px;height:37px;background:#c3dbfb;display:grid;place-items:center;border:3px solid white;border-radius:50%;margin-left:-8px;font-weight:800;color:#315799}.avatars span:nth-child(2){background:#c2f1f0}.avatars span:nth-child(3){background:#dde1fc}.hero-visual{height:530px;position:relative;min-width:0;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(4px)}.orb-one{width:480px;height:480px;right:8%;top:2%;background:radial-gradient(circle,#c3e8ff 0%,#e6f4ff 48%,#fff 74%)}.orb-two{width:310px;height:310px;right:-14%;top:36%;background:radial-gradient(circle,#c9fff5,#fff 75%)}.dash-window{position:relative;z-index:2;width:93%;max-width:590px;height:396px;box-shadow:0 35px 90px #0a255047;border:1px solid #cbd8e9;background:#fff;border-radius:15px;transform:perspective(1200px) rotateY(-8deg) rotateX(4deg) rotateZ(1.5deg);overflow:hidden}.window-header{height:43px;background:#0c1930;display:flex;align-items:center;gap:6px;padding:0 17px;color:#b4c4d6;font-size:9px;letter-spacing:1.2px}.window-header i{width:7px;height:7px;border-radius:50%;background:#e36a73}.window-header i:nth-child(2){background:#e9bf66}.window-header i:nth-child(3){background:#69cbb5;margin-right:12px}.live-dot{margin-left:auto;color:#6fecab;font-size:9px}.dash-inner{display:flex;height:calc(100% - 43px)}.dash-sidebar{width:60px;background:#f1f5fb;border-right:1px solid #e1e8f2;display:flex;flex-direction:column;align-items:center;gap:25px;padding-top:21px}.mini-logo{font-weight:900;color:#2d6af4}.dash-sidebar span:not(.mini-logo){height:11px;width:16px;background:#c6d2e5;border-radius:3px}.dash-sidebar .side-active{background:#286be8!important}.dash-main{padding:28px 33px;flex:1}.dash-eyebrow{font-size:9px;font-weight:800;letter-spacing:1.2px;color:#8290a7}.dash-title{font:800 25px/1.3 Arial,sans-serif;letter-spacing:-1px;margin-top:12px}.dash-title strong{color:#286ef0}.dash-cards{display:flex;gap:12px;margin-top:20px}.dash-cards>div{flex:1;border:1px solid #e1e7f1;border-radius:10px;padding:14px}.dash-cards small{display:block;color:#8995a9;font-size:9px}.dash-cards strong{font-size:23px;display:block;margin-top:10px}.spark{font-weight:900;font-size:20px;color:#1ab8bf;white-space:nowrap}.pill-spark{font-size:9px;color:#43876e;margin-top:11px}.pill-spark span{float:right}.dash-bars{height:86px;display:flex;align-items:end;gap:8px;margin-top:18px;border-bottom:1px solid #e1e7f1}.dash-bars span{flex:1;background:linear-gradient(180deg,#2372ec,#90d6ff);border-radius:4px 4px 0 0}.floating-card{position:absolute;z-index:4;background:white;border:1px solid #e1eaf6;border-radius:12px;box-shadow:0 14px 43px #123a6621;display:flex;align-items:center;gap:13px;padding:15px 17px}.floating-card small{display:block;color:#8a98a9;font-size:8px;font-weight:800;letter-spacing:.9px}.floating-card strong{display:block;font-size:12px;margin-top:5px}.float-icon{font-size:32px;color:#2c79ef}.float-ai{right:-6%;top:12%;transform:rotate(5deg)}.float-arrow{color:#2177f1;font-size:19px}.float-mobile{bottom:6%;left:-3%;transform:rotate(-4deg)}.phone-icon{background:#0c234d;color:#92f0ef;border-radius:7px;padding:12px}.ticker{overflow:hidden;background:#091629;padding:21px 0}.ticker-track{white-space:nowrap;color:#d4e6ff;font:700 12px Arial,sans-serif;letter-spacing:2px;word-spacing:9px;animation:marquee 55s linear infinite}.ticker-track span{color:var(--cyan);padding:0 45px}@keyframes marquee{to{transform:translateX(-25%)}}.section{padding-top:122px;padding-bottom:122px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:48px}.section h2,.statement-layout h2,.cta-section h2{font:800 clamp(36px,4vw,61px)/1.16 Arial,sans-serif;letter-spacing:-3.1px;margin:19px 0}.section-heading>p,.section-heading>div>p{font-size:16px;line-height:1.85;max-width:390px;color:#6e7a8f;margin:0 0 8px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e3e8f0;border-radius:16px;overflow:hidden}.service-card{padding:33px 25px;min-height:326px;border-right:1px solid #e3e8f0;transition:background .2s,transform .2s}.service-card:last-child{border:0}.service-card:hover{background:#f4f8ff}.service-num{font-size:12px;color:#a0afc2;font-weight:800;display:flex;justify-content:space-between;align-items:center}.service-num span{width:43px;height:43px;border-radius:10px;background:#ebf2ff;color:#2770ec;font-size:27px;display:grid;place-items:center}.service-card h3{font:800 21px/1.3 Arial,sans-serif;letter-spacing:-.7px;margin:45px 0 14px}.service-card p{color:#778298;line-height:1.75;font-size:13px;min-height:94px}.text-link,.inline-link{color:#236be7;font-weight:800;font-size:13px}.text-link span{margin-left:12px}.statement-section{background:#0d1a30;color:#fff;position:relative;overflow:hidden}.statement-layout{position:relative;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:70px}.statement-layout h2{position:relative;z-index:1;font-size:clamp(41px,4.4vw,65px)}.statement-layout h2 em{color:#55ddec}.kicker.light{color:#7fd7f6}.statement-layout p{position:relative;z-index:1;font-size:16px;color:#afc2db;line-height:1.9}.underline-link{display:inline-block;color:white;border-bottom:1px solid #86bcef;padding-bottom:10px;font-weight:700;font-size:13px;position:relative;z-index:1}.statement-shape{position:absolute;right:31%;top:-140px;color:#182b49;font-size:450px;line-height:1}.projects{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project-card{border-radius:14px;overflow:hidden;border:1px solid #e5eaf1}.project-art{height:330px;padding:40px;display:grid;place-items:center;overflow:hidden}.project-a .project-art{background:linear-gradient(135deg,#bcefe9,#e5f6ff)}.project-b .project-art{background:linear-gradient(135deg,#d9defb,#eee9ff)}.art-browser{background:#14213b;width:90%;height:270px;border-radius:11px;padding:32px;transform:rotate(-6deg) translateY(38px);box-shadow:0 30px 35px #4b789f4d;position:relative;color:#fff;overflow:hidden}.art-browser>span,.commerce-mock>span{font-size:10px;color:#6be1d7;letter-spacing:1.6px;font-weight:800}.art-browser h3{font:800 40px/1.2 Arial,sans-serif;letter-spacing:-2px}.art-orbit{width:220px;height:220px;border-radius:50%;border:30px solid #38dce0;position:absolute;right:-25px;bottom:-110px;box-shadow:0 0 0 28px #ffffff17}.commerce-mock{width:90%;height:300px;background:#fafaff;border-radius:11px;padding:31px;position:relative;transform:rotate(5deg) translateY(38px);box-shadow:0 30px 35px #8076b83b;overflow:hidden}.commerce-mock>span{color:#735ccb}.shop-circle{width:235px;height:235px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#f8c4cc,#b49cf9 65%,#7567cf);position:absolute;right:-18px;top:70px}.shop-text{position:absolute;left:30px;top:92px;font:800 32px Arial,sans-serif;letter-spacing:-1.5px}.shop-text em{color:#8c62d9;font-style:normal}.project-info{padding:29px}.project-info span{font-size:10px;letter-spacing:1.4px;font-weight:800;color:#246bed}.project-info h3{font:800 23px/1.3 Arial,sans-serif;letter-spacing:-.7px;max-width:460px;margin:14px 0}.project-info p{color:#748198;line-height:1.75;font-size:14px}.process{padding-top:30px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.steps>div{border-top:1px solid #c9d7e9;padding-top:20px}.steps b,.value-grid b{color:#2875ec;font:800 16px Arial,sans-serif}.steps h3,.value-grid h3{font:800 21px Arial,sans-serif;margin:35px 0 10px}.steps p,.value-grid p{font-size:14px;line-height:1.8;color:#738096}.cta-wrap{padding-bottom:120px}.cta-section{background:#1260e5;color:white;padding:74px 80px;border-radius:17px;position:relative;overflow:hidden}.cta-section h2{font-size:clamp(38px,4.2vw,60px);position:relative;z-index:1}.cta-section h2 em{color:#b1fff3}.cta-section p{color:#d7e8ff;max-width:460px;line-height:1.7;position:relative;z-index:1}.cta-section .btn{margin-top:20px;position:relative;z-index:1}.cta-decoration{position:absolute;right:-60px;bottom:-260px;font:800 500px Arial,sans-serif;color:#ffffff14;line-height:1}.footer{padding-top:80px;background:white}.footer-top{display:flex;justify-content:space-between;gap:80px;padding-bottom:70px}.footer-top p{line-height:1.8;color:#7d879b;max-width:300px;font-size:14px;margin-top:24px}.footer-links{display:flex;gap:105px}.footer-links>div{display:flex;flex-direction:column;gap:17px}.footer-links b{font-size:13px;margin-bottom:12px}.footer-links a{font-size:13px;color:#7a859b}.footer-links a:hover{color:#236cf0}.footer-bottom{border-top:1px solid #e9edf4;padding:28px 0 38px;display:flex;justify-content:space-between;gap:15px;color:#8e99ab;font-size:11px}.subhero{padding-top:105px;padding-bottom:98px;border-bottom:1px solid #e8edf5}.subhero h1{max-width:1050px}.subhero>p{max-width:700px;color:#68758b;font-size:18px;line-height:1.85}.service-list{padding-top:45px}.detail-service{display:grid;grid-template-columns:130px 1fr 55px;align-items:center;border-bottom:1px solid #e0e7f0;padding:37px 10px}.detail-service .index{color:#2871ee;font-size:12px;font-weight:800}.detail-service h2{font:800 clamp(24px,3vw,40px) Arial,sans-serif;letter-spacing:-1.3px;margin:0}.detail-service p{color:#758096;font-size:14px;line-height:1.6}.detail-service .arrow{font-size:27px;color:#256de7}.detail-service:hover h2{color:#276ae9}.feature-banner{background:#f2f6fc;padding:65px;border-radius:16px}.feature-banner h2{max-width:710px}.feature-banner p{max-width:670px;color:#7b879b;line-height:1.85}.back-link{display:block;color:#7b879b;font-weight:800;font-size:11px;letter-spacing:1.7px;margin-bottom:45px}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px}.detail-layout p{line-height:1.9;color:#748198;max-width:550px}.capabilities{border:1px solid #e0e8f3;padding:32px;border-radius:13px}.capabilities h3{font:800 20px Arial,sans-serif;margin:0 0 24px}.cap-item{padding:17px 0;border-top:1px solid #e7edf4;font-weight:700;font-size:14px}.cap-item span{color:#2577ec;margin-right:15px}.disclaimer{color:#8290a4;font-size:12px;line-height:1.7;margin-top:20px}.about-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.about-art{min-height:420px;background:radial-gradient(circle at 65% 40%,#2049a4,#101b35 66%);border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;padding:47px;color:#e6f0ff}.about-art>span{font-size:170px;font-weight:800;color:#67e1f1}.about-art small{font-size:12px;font-weight:800;letter-spacing:3px}.about-layout p{color:#718096;line-height:1.9}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.value-grid>div{border-top:1px solid #cfdaea;padding-top:24px}.contact-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.contact-layout>div>p{max-width:380px;line-height:1.85;color:#78859a}.contact-email{font-size:20px;color:#276ef0;font-weight:800;overflow-wrap:anywhere}.brief-form{background:#f6f8fc;border-radius:15px;padding:38px;display:grid;gap:20px}.brief-form label{display:grid;gap:9px;font-weight:800;font-size:13px}.brief-form label span{color:#236fe4}.brief-form input,.brief-form textarea,.brief-form select{width:100%;border:1px solid #dbe3ee;border-radius:7px;padding:15px 16px;outline:none;background:#fff;color:#1c2a43}.brief-form :is(input,textarea,select):focus{border-color:#236be7;box-shadow:0 0 0 3px #2872e71c}.brief-form textarea{resize:vertical}.brief-form button{justify-self:start}.form-hint{font-size:12px;color:#7d899d;line-height:1.6;margin:0}@media(max-width:1140px){.desktop-nav{gap:19px}.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(50px,5.6vw,70px)}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card:nth-child(2){border-right:0}.service-card:nth-child(-n+2){border-bottom:1px solid #e3e8f0}.dash-main{padding:22px}.float-ai{right:0}.float-mobile{left:0}}@media(max-width:820px){.wrap{padding-left:24px;padding-right:24px}.header{padding:0 24px;height:79px}.desktop-nav,.desktop-contact{display:none}.menu-btn{border:0;background:transparent;display:flex;flex-direction:column;gap:5px;padding:9px}.menu-btn span{width:24px;height:2px;background:#0f213f}.mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:15px 25px 28px;border-bottom:1px solid #e1e7f0;gap:19px}.mobile-nav a{font-size:15px;font-weight:800}.mobile-nav .btn{align-self:start}.hero{grid-template-columns:1fr;padding-top:65px;padding-bottom:75px}.hero h1,.subhero h1{font-size:clamp(48px,9vw,76px);letter-spacing:-3px}.hero-visual{height:480px}.section{padding-top:85px;padding-bottom:85px}.section-heading{align-items:start;flex-direction:column;gap:15px}.statement-layout,.about-layout,.detail-layout,.contact-layout{grid-template-columns:1fr;gap:38px}.projects{grid-template-columns:1fr}.steps,.value-grid{grid-template-columns:repeat(2,1fr)}.footer-top{gap:35px}.footer-links{gap:40px}.cta-wrap{padding-bottom:75px}.cta-section{padding:54px 42px}.subhero{padding-top:70px;padding-bottom:70px}}@media(max-width:550px){.brand{font-size:20px}.brand-symbol{width:32px;height:32px}.hero h1,.subhero h1{font-size:48px}.hero-copy>p{font-size:15px}.hero-actions .btn{width:100%}.hero-visual{height:365px}.dash-window{width:100%;height:310px}.dash-main{padding:14px}.dash-title{font-size:18px}.dash-cards{margin-top:10px}.dash-cards strong{font-size:17px}.dash-cards>div{padding:9px}.dash-sidebar{width:38px}.dash-bars{height:63px}.floating-card{padding:10px}.floating-card strong{font-size:10px}.float-ai{top:3%}.float-mobile{bottom:0}.section h2,.statement-layout h2,.cta-section h2{font-size:36px;letter-spacing:-2px}.service-grid{grid-template-columns:1fr}.service-card{border-right:0;border-bottom:1px solid #e3e8f0;min-height:auto}.service-card:nth-child(3){border-bottom:1px solid #e3e8f0}.service-card:last-child{border-bottom:0}.service-card h3{margin-top:23px}.service-card p{min-height:auto}.steps,.value-grid{grid-template-columns:1fr}.project-art{height:260px;padding:17px}.art-browser,.commerce-mock{width:100%}.footer-top,.footer-bottom{flex-direction:column}.footer-links{flex-wrap:wrap}.detail-service{grid-template-columns:1fr 36px;gap:10px}.detail-service .index{grid-column:1/3}.detail-service h2{font-size:24px}.feature-banner,.brief-form{padding:24px}.cta-section{padding:45px 28px}.contact-email{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* YCRSOFT PREMIUM TYPOGRAPHY & POLISH — 641
   Additive, layout-preserving visual improvements. */
:root{--ink:#111c31;--muted:#52617a;--blue:#1763ef;--line:#dbe5f2}
body{font-family:'Arial','Arial',Arial,sans-serif;font-weight:500;color:var(--ink);text-rendering:optimizeLegibility}
.brand{font-weight:800;letter-spacing:-1.15px}
.desktop-nav a{font-weight:800;color:#33425d;letter-spacing:-.15px}
.hero h1,.subhero h1{font-family:'Arial',Arial,sans-serif;font-weight:800;letter-spacing:-.063em;line-height:1.06;color:#111e34}
.hero h1 em,.subhero h1 em,.section h2 em,.cta-section h2 em{color:#216af3;background:linear-gradient(112deg,#1256dc 0%,#286ff5 58%,#168bde 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.section h2,.statement-layout h2,.cta-section h2{font-family:'Arial',Arial,sans-serif;font-weight:800;letter-spacing:-.054em;line-height:1.13}
.hero-copy>p,.section-heading>p,.section-heading>div>p,.service-card p,.project-info p,.steps p{color:#52627b;font-weight:500;line-height:1.8}
.eyebrow,.kicker{font-weight:800;letter-spacing:2.05px;color:#1768ed}
.btn{font-family:'Arial',Arial,sans-serif;font-weight:800;letter-spacing:-.15px;border-radius:10px}
.btn-primary{background:linear-gradient(125deg,#1256e8,#2874ff);box-shadow:0 14px 30px rgba(23,90,219,.20)}
.btn-primary:hover{background:linear-gradient(125deg,#0f49c9,#1763ea);box-shadow:0 18px 36px rgba(23,90,219,.28)}
.btn-ghost{border-color:#c5d4e9;background:#fff;box-shadow:0 4px 14px rgba(20,40,75,.035)}
.btn:focus-visible,.service-card:focus-visible,.desktop-nav a:focus-visible{outline:3px solid #43b7e8;outline-offset:4px}
.header{background:rgba(255,255,255,.96)}
.service-grid{border-color:#d7e2f0;box-shadow:0 16px 55px rgba(19,45,82,.055)}
.service-card{background:linear-gradient(180deg,#fff,#fcfdff);transition:background .25s,box-shadow .25s,transform .25s}
.service-card:hover{background:linear-gradient(160deg,#f2f7ff,#fff);box-shadow:inset 0 4px 0 #2674f4;transform:translateY(-3px)}
.service-card h3{font-family:'Arial',Arial,sans-serif;font-size:21px;font-weight:800;letter-spacing:-.9px;color:#11223e}
.service-num span{background:#e6efff;color:#1765ed}
.text-link,.inline-link{font-weight:800;color:#155fdf}
.project-card{box-shadow:0 10px 30px rgba(17,40,83,.06);transition:transform .25s,box-shadow .25s}
.project-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(17,40,83,.13)}
.dash-window{box-shadow:0 35px 90px rgba(10,37,80,.24)}
.floating-card{box-shadow:0 17px 48px rgba(15,54,105,.18)}
.statement-section{background:linear-gradient(115deg,#08152b,#142746)}
.cta-section{box-shadow:0 24px 55px rgba(8,24,55,.12)}
@media(max-width:900px){.hero h1,.subhero h1{letter-spacing:-.048em}.section h2,.statement-layout h2,.cta-section h2{letter-spacing:-.04em}.service-card:hover,.project-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.service-card,.project-card,.btn{transition:none!important}}


/* YCRSOFT FIXED TYPOGRAPHY 642 */
body, button, input, textarea, select {
    font-family: Arial, Helvetica, sans-serif;
}
.hero h1, .subhero h1,
.section h2, .statement-layout h2,
.cta-section h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 900;
    letter-spacing: -0.055em;
}
.service-card h3, .project-info h3,
.steps h3, .detail-service h2 {
    font-weight: 900;
}
.desktop-nav a, .btn, .text-link {
    font-weight: 800;
}
