:root{
  --ink:#071f3d;
  --muted:#617182;
  --paper:#ffffff;
  --soft:#f3f8fa;
  --line:#dfe9ed;
  --accent:#087ba0;
  --accent-2:#045f80;
  --dark:#061f3e;
  --radius:26px;
  --max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Manrope',system-ui,-apple-system,Segoe UI,sans-serif;background:var(--paper);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.container{width:min(var(--max),calc(100% - 44px));margin:0 auto}

header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,0,0,.06)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:11px;font-size:1.18rem;font-weight:800;letter-spacing:-.03em}
.brand-symbol{width:43px;height:43px;display:grid;place-items:center;flex:0 0 auto}
.brand-symbol img{display:block;width:100%;height:100%;object-fit:contain}
.brand-word{font-size:1.12rem;color:var(--dark);letter-spacing:-.035em}
.nav-links{display:flex;align-items:center;gap:30px;font-size:.92rem;font-weight:600;color:#3e3e43}
.nav-links a{transition:.2s ease}.nav-links a:hover{color:var(--accent)}
.nav-cta{padding:12px 18px;border-radius:999px;background:var(--dark);color:#fff;font-weight:700;font-size:.9rem;box-shadow:0 8px 22px rgba(6,31,62,.14);transition:.2s ease}.nav-cta:hover{background:var(--accent);transform:translateY(-1px)}

.hero{padding:86px 0 70px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:72px;align-items:center}
.kicker{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:20px;display:flex;align-items:center;gap:10px}.kicker:before{content:"";width:28px;height:2px;background:var(--accent);border-radius:2px}
h1{font-size:clamp(3rem,6.5vw,5.8rem);line-height:.98;letter-spacing:-.065em;margin:0 0 28px;max-width:780px}
.hero-copy{font-size:1.08rem;color:var(--muted);max-width:670px;margin:0 0 34px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 20px;border-radius:999px;font-size:.93rem;font-weight:750;transition:.2s ease;border:1px solid transparent}
.btn-dark{background:var(--dark);color:#fff}.btn-dark:hover{transform:translateY(-2px);background:#000}
.btn-light{background:#fff;border-color:#dcdcd8}.btn-light:hover{border-color:#bdbdb7}

.hero-visual{position:relative;min-height:520px}
.visual-shell{position:absolute;inset:0;border-radius:34px;background:linear-gradient(155deg,#edf8fb 0%,#f8fbfc 48%,#eef3f6 100%);overflow:hidden;border:1px solid #e4e2ed}
.visual-shell:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:#087ba0;right:-92px;top:-85px;filter:blur(1px);opacity:.92}
.visual-shell:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:#111116;left:-100px;bottom:-110px}
.erp-card{position:absolute;left:38px;right:38px;top:70px;background:rgba(255,255,255,.94);border:1px solid rgba(17,17,17,.08);border-radius:22px;box-shadow:0 30px 80px rgba(6,31,62,.14);padding:18px;z-index:3}
.erp-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid #ededeb}
.erp-title{display:flex;gap:10px;align-items:center;font-weight:800;font-size:.88rem}.dot{width:9px;height:9px;background:var(--accent);border-radius:50%}
.erp-status{font-size:.73rem;color:#7f7f84}
.erp-main{display:grid;grid-template-columns:112px 1fr;gap:16px;padding-top:16px}
.menu{display:grid;gap:8px}.menu span{height:9px;border-radius:10px;background:#ececeb}.menu span:nth-child(2){width:74%;background:#ccebf3}.menu span:nth-child(3){width:85%}.menu span:nth-child(4){width:66%}.menu span:nth-child(5){width:82%}
.dashboard{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{padding:14px;border:1px solid #ebebe7;border-radius:14px;background:#fbfbfa}.metric small{display:block;color:#888;font-size:.65rem}.metric strong{display:block;font-size:1.15rem;margin-top:4px}.metric.wide{grid-column:1/-1;height:128px;position:relative;overflow:hidden}.metric.wide:after{content:"";position:absolute;left:12px;right:12px;bottom:20px;height:50px;background:linear-gradient(160deg,transparent 0 16%,#087ba0 17% 20%,transparent 21% 38%,#087ba0 39% 42%,transparent 43% 62%,#087ba0 63% 66%,transparent 67% 80%,#087ba0 81% 84%,transparent 85%);opacity:.85}
.floating-note{position:absolute;right:17px;bottom:36px;z-index:5;width:220px;background:#18181c;color:#fff;padding:18px;border-radius:18px;box-shadow:0 24px 50px rgba(0,0,0,.22)}
.floating-note strong{display:block;font-size:.92rem;margin-bottom:6px}.floating-note span{font-size:.74rem;color:#b8b8bf}

.logo-strip{padding:18px 0 72px}.strip{display:flex;gap:26px;flex-wrap:wrap;align-items:center;color:#7b7b80;font-size:.84rem;font-weight:700}.strip span:first-child{color:#a0a0a5;font-weight:600}.pill{padding:8px 13px;border-radius:999px;border:1px solid #e7e7e3;background:#fafaf8}

section{padding:92px 0}
.section-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;margin-bottom:46px;align-items:end}
.section-intro h2{font-size:clamp(2.35rem,4.4vw,4rem);line-height:1.04;letter-spacing:-.055em;margin:0}
.section-intro p{margin:0;color:var(--muted);font-size:1.03rem;max-width:590px}

.services{position:relative;overflow:hidden;background-color:#f1f7f8;background-image:linear-gradient(135deg,rgba(8,123,160,.045) 1px,transparent 1px),linear-gradient(45deg,rgba(6,31,62,.025) 1px,transparent 1px);background-size:34px 34px,34px 34px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-card{position:relative;isolation:isolate;overflow:hidden;background-color:rgba(255,255,255,.9);background-image:radial-gradient(circle at 0 100%,rgba(6,31,62,.1) 0,rgba(6,31,62,.035) 20%,transparent 38%),linear-gradient(135deg,transparent 0 72%,rgba(8,123,160,.035) 73% 74%,transparent 75%);border:1px solid #dfe8e9;border-radius:18px;padding:26px 28px 28px;min-height:250px;display:flex;flex-direction:column;justify-content:flex-start;transition:.25s ease}
.service-card > *{position:relative;z-index:1}
.service-card:hover{transform:translateY(-4px);border-color:#b9dce4;box-shadow:0 18px 42px rgba(6,31,62,.08)}
.service-card > div{margin-top:26px}
.service-category{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.12em;line-height:1;text-transform:uppercase;margin:0 0 22px}
.service-card.is-product{border-color:#b9dce4;background-color:#fff}
.service-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.service-link{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;background:var(--dark);color:#fff;font-size:.84rem;font-weight:750;transition:.2s ease}.service-link:hover{background:var(--accent);transform:translateY(-1px)}
.service-card h3{font-size:1.18rem;letter-spacing:-.025em;margin:0 0 9px}.service-card p{color:var(--muted);font-size:.91rem;line-height:1.55;margin:0}

.sankhya-band{background:var(--dark);color:#fff}
.sankhya-grid{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center}
.sankhya-band .kicker{color:#67c5dc}.sankhya-band h2{font-size:clamp(2.4rem,4.8vw,4.3rem);line-height:1.02;letter-spacing:-.055em;margin:0 0 24px}.sankhya-band p{color:#bcbcc4;font-size:1rem;max-width:630px}.expertise-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.expertise-item{padding:15px 0;border-top:1px solid #35353b;font-size:.9rem;font-weight:700}.expertise-item span{color:#47b3cf;margin-right:8px}
.code-panel{background:#24242a;border:1px solid #34343c;border-radius:24px;padding:20px;box-shadow:0 25px 70px rgba(0,0,0,.35)}
.code-tabs{display:flex;gap:8px;margin-bottom:16px}.code-tabs span{padding:7px 10px;border-radius:8px;background:#303038;color:#a8a8b0;font-size:.68rem;font-weight:700}.code-tabs span:first-child{background:#087ba0;color:#fff}.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.77rem;line-height:1.8;color:#c8c8d0;white-space:pre-wrap}.code .purple{color:#6fd2e8}.code .green{color:#7cd6a9}.code .gray{color:#73737c}

.process-wrap{display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:start}.process-copy h2{font-size:clamp(2.3rem,4.5vw,4rem);line-height:1.05;letter-spacing:-.05em;margin:0 0 22px}.process-copy p{color:var(--muted);max-width:520px}.process-list{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:55px 1fr;gap:14px;padding:22px 0;border-bottom:1px solid var(--line)}.step b{color:var(--accent);font-size:.84rem}.step h3{font-size:1rem;margin:0 0 6px}.step p{font-size:.89rem;color:var(--muted);margin:0}

.cta{padding-top:20px}.cta-box{background:linear-gradient(135deg,#061f3e 0%,#087ba0 100%);color:#fff;border-radius:30px;padding:56px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:end}.cta-box h2{font-size:clamp(2.4rem,4.8vw,4.4rem);line-height:1;letter-spacing:-.06em;margin:0}.cta-box p{color:#e8f7fb;margin:18px 0 0;max-width:630px}.cta-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.cta .btn-light{background:#fff;border-color:#fff;color:var(--dark)}.cta .btn-outline{border-color:rgba(255,255,255,.45);color:#fff;background:transparent}

.brand-watermark{position:absolute;right:34px;top:28px;z-index:2;width:92px;height:92px;opacity:.10}
.brand-watermark img{width:100%;height:100%;object-fit:contain}
.footer-brand{display:flex;align-items:center;gap:16px}
.footer-logo{width:128px;height:auto;display:block}

footer{padding:40px 0}.footer{display:flex;justify-content:space-between;gap:24px;align-items:center;color:#77777d;font-size:.84rem;border-top:1px solid var(--line);padding-top:28px}.footer-right{display:flex;gap:18px;flex-wrap:wrap}

@media(max-width:900px){
  .nav-links a:not(.nav-product){display:none}.hero{padding-top:55px}.hero-grid,.section-intro,.sankhya-grid,.process-wrap,.cta-box{grid-template-columns:1fr}.hero-grid{gap:42px}.hero-visual{min-height:440px}.service-grid{grid-template-columns:1fr 1fr}.section-intro{gap:20px}.cta-actions{justify-content:flex-start}.cta-box{padding:38px}.expertise-list{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .container{width:min(100% - 28px,var(--max))}.nav{height:68px}.nav-cta{padding:10px 14px;font-size:.8rem}.hero{padding:48px 0 48px}h1{font-size:clamp(2.65rem,16vw,4rem)}.hero-visual{min-height:390px}.erp-card{left:18px;right:18px;top:40px}.erp-main{grid-template-columns:80px 1fr}.floating-note{width:190px;right:10px;bottom:18px}.service-grid{grid-template-columns:1fr}.service-card{min-height:235px}.expertise-list{grid-template-columns:1fr}.cta-box{padding:30px 24px}.footer{align-items:flex-start;flex-direction:column}.footer-logo{width:112px}
}
.partners{padding-bottom:110px;overflow:hidden}
.marquee{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;gap:18px;width:max-content;margin:0;padding:10px 0;list-style:none;animation:marquee 45s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.partner-card{position:relative;flex:0 0 auto;width:230px;height:128px;display:grid;place-items:center;padding:22px 28px 30px;background:#fff;border:1px solid #dfe8e9;border-radius:18px;transition:.25s ease}
.partner-card:hover{border-color:#b9dce4;box-shadow:0 18px 42px rgba(6,31,62,.08);transform:translateY(-3px)}
.partner-card img{display:block;max-width:100%;max-height:62px;object-fit:contain}
.partner-card span{position:absolute;left:0;right:0;bottom:11px;text-align:center;font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9aa7b2}
.partner-card.is-dark{background:var(--dark);border-color:var(--dark)}
.partner-card.is-dark span{color:#67c5dc}
.partner-card.is-dark img{max-height:40px}
@keyframes marquee{to{transform:translateX(calc(-50% - 9px))}}
@media(max-width:620px){.partner-card{width:180px;height:108px;padding:18px 22px 28px}.partner-card img{max-height:50px}.marquee-track{animation-duration:35s}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation-duration:120s}}

.service-link.is-ghost{background:transparent;color:var(--dark);border:1px solid #cfdde2}.service-link.is-ghost:hover{background:var(--soft);color:var(--accent)}
.nav-links a.nav-product{padding:9px 15px;border-radius:999px;background:#e3f3f7;color:var(--accent-2);font-weight:800;border:1px solid #bfe2eb}
.nav-links a.nav-product:hover,.nav-links a.nav-product[aria-current="page"]{background:var(--accent);border-color:var(--accent);color:#fff}

.gt-hero{padding:80px 0 30px;overflow-x:clip;background:linear-gradient(180deg,#fff 0%,#f1f7f8 100%)}
.gt-hero-copy{max-width:860px;margin:0 auto 56px;text-align:center}
.gt-hero-copy .kicker{justify-content:center}
.gt-hero-copy h1{margin-left:auto;margin-right:auto;max-width:900px}
.gt-hero-copy .hero-copy{margin-left:auto;margin-right:auto}
.gt-hero-copy .hero-actions{justify-content:center}
.gt-window{margin:0;background:#fff;border:1px solid #dfe8e9;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(6,31,62,.14)}
.gt-window-bar{display:flex;gap:6px;padding:11px 14px;background:#f3f7f9;border-bottom:1px solid #e3ecef}
.gt-window-bar span{width:10px;height:10px;border-radius:50%;background:#d3dee3}
.gt-window img{display:block;width:100%;height:auto}
.gt-hero-shot{max-width:1080px;margin:0 auto -120px;position:relative;z-index:2}
.gt-hero + .services{padding-top:200px}

.gt-features .container{display:grid;gap:110px}
.gt-feature{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center}
.gt-feature.is-reverse .gt-feature-copy{order:2}
.gt-feature-copy h2{font-size:clamp(2rem,3.6vw,3.1rem);line-height:1.06;letter-spacing:-.05em;margin:0 0 20px}
.gt-feature-copy p{color:var(--muted);margin:0 0 24px}
.gt-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.gt-list li{padding:12px 0 12px 26px;border-bottom:1px solid var(--line);font-size:.92rem;font-weight:700;position:relative}
.gt-list li:before{content:"↗";position:absolute;left:0;color:var(--accent)}

.gt-gains-head{max-width:720px;margin-bottom:46px}
.gt-gains{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gt-gain{padding:26px;border:1px solid #1f3a5a;border-radius:18px;background:rgba(255,255,255,.03)}
.gt-gain span{color:#47b3cf;font-weight:800}
.gt-gain h3{font-size:1.08rem;margin:14px 0 8px;letter-spacing:-.02em}
.sankhya-band .gt-gain p{font-size:.9rem;margin:0}

.gt-hero-note{margin:20px 0 0;font-size:.88rem;font-weight:700;color:var(--accent-2)}
.gt-hero-note span{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:6px;border-radius:50%;background:#e3f3f7;font-size:.72rem}
.gt-guarantee{padding-bottom:40px}
.gt-guarantee-box{display:grid;grid-template-columns:auto 1.3fr .7fr;gap:40px;align-items:center;padding:48px;border:1px solid #bfe2eb;border-radius:30px;background:linear-gradient(135deg,#f1f9fb 0%,#ffffff 60%)}
.gt-seal{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:var(--accent);box-shadow:0 0 0 10px #d9eff5,0 18px 40px rgba(8,123,160,.25)}
.gt-seal span{color:#fff;font-size:3rem;font-weight:800;line-height:1}
.gt-guarantee-box h2{font-size:clamp(2rem,3.6vw,3.1rem);line-height:1.06;letter-spacing:-.05em;margin:0 0 16px}
.gt-guarantee-box p{color:var(--muted);margin:0;max-width:600px}
.gt-guarantee-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.gt-guarantee-list li{padding:11px 0 11px 26px;border-bottom:1px solid var(--line);font-size:.92rem;font-weight:700;position:relative}
.gt-guarantee-list li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:800}

@media(max-width:900px){
  .gt-feature{grid-template-columns:1fr;gap:34px}.gt-feature.is-reverse .gt-feature-copy{order:0}.gt-gains{grid-template-columns:1fr 1fr}.gt-hero-shot{margin-bottom:-70px}.gt-hero + .services{padding-top:150px}.gt-guarantee-box{grid-template-columns:auto 1fr}.gt-guarantee-list{grid-column:1/-1}
}
@media(max-width:620px){
  .nav-links a.nav-product{padding:7px 11px;font-size:.78rem}.nav-cta{display:none}.gt-hero{padding-top:48px}.gt-hero-copy{text-align:left}.gt-hero-copy .kicker,.gt-hero-copy .hero-actions{justify-content:flex-start}.gt-gains{grid-template-columns:1fr}.gt-features .container{gap:80px}.gt-guarantee-box{grid-template-columns:1fr;padding:32px 24px;gap:26px}.gt-seal{width:84px;height:84px}.gt-seal span{font-size:2.2rem}
}