:root{
  --ink:#0d1630;--ink-2:#172340;--blue:#5d68ff;--cyan:#66ddd0;--paper:#f6f8fc;--white:#fff;--muted:#66708a;--line:#e4e8f1;--max:1240px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.sg-shell{width:min(var(--max),calc(100% - 64px));margin:0 auto}
.site-header{position:fixed;inset:0 0 auto;z-index:1000;height:82px;border-bottom:1px solid rgba(255,255,255,.12);transition:.25s ease}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{position:relative;width:188px;height:56px}.brand img{position:absolute;inset:50% auto auto 0;transform:translateY(-50%);width:184px;max-height:56px;object-fit:contain;object-position:left center;transition:opacity .2s}.brand-dark{opacity:0}.main-nav{display:flex;gap:34px;align-items:center}.main-nav a{color:rgba(255,255,255,.84);font-size:14px;font-weight:650;letter-spacing:.01em;transition:.2s}.main-nav a:hover{color:#fff}.site-header.scrolled{background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-color:rgba(13,22,48,.08);box-shadow:0 10px 32px rgba(13,22,48,.08)}.site-header.scrolled .brand-white{opacity:0}.site-header.scrolled .brand-dark{opacity:1}.site-header.scrolled .main-nav a{color:#2d3752}.site-header.scrolled .main-nav a:hover{color:var(--blue)}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:25px;height:2px;background:#fff;margin:5px 0}.site-header.scrolled .menu-toggle span{background:var(--ink)}
.hero{position:relative;min-height:860px;background:linear-gradient(135deg,#081229 0%,#111e40 52%,#142b4b 100%);color:#fff;overflow:hidden;padding-top:82px}.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:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 82%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);opacity:.28}.glow-a{width:500px;height:500px;background:radial-gradient(circle,var(--blue),transparent 68%);top:-220px;right:6%}.glow-b{width:420px;height:420px;background:radial-gradient(circle,var(--cyan),transparent 68%);bottom:-230px;left:38%}.hero-grid{position:relative;min-height:778px;display:grid;grid-template-columns:1.05fr .95fr;gap:76px;align-items:center}.hero-copy{padding:70px 0 60px}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}.eyebrow.light{color:rgba(255,255,255,.66)}.hero h1{font-size:clamp(48px,5.2vw,76px);line-height:1.04;letter-spacing:-.045em;margin:22px 0 28px;max-width:770px;font-weight:650}.hero p{max-width:690px;margin:0;color:rgba(255,255,255,.72);font-size:19px;line-height:1.75}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}.btn{height:52px;padding:0 24px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:750;transition:.2s}.btn-primary{background:linear-gradient(135deg,var(--blue),#7b61ff);color:#fff;box-shadow:0 12px 30px rgba(93,104,255,.28)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(93,104,255,.34)}.btn-ghost{border:1px solid rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.04)}.btn-ghost:hover{background:rgba(255,255,255,.09)}.hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:36px}.hero-tags span{padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:rgba(255,255,255,.66);font-size:12px}.hero-visual{position:relative;height:590px}.hero-image{position:absolute;inset:40px 0 10px 30px;border-radius:34px;background:linear-gradient(180deg,rgba(8,18,41,.08),rgba(8,18,41,.7)),url('../images/hero-monitor.jpg') center/cover no-repeat;box-shadow:0 40px 90px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.12)}.hero-image:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(93,104,255,.22),transparent 40%,rgba(102,221,208,.12))}.visual-card{position:absolute;width:220px;padding:18px 18px 17px;border-radius:18px;background:rgba(255,255,255,.94);color:var(--ink);box-shadow:0 20px 45px rgba(4,10,30,.24);backdrop-filter:blur(12px)}.visual-card strong{display:block;margin:0 0 4px;font-size:17px}.visual-card small{color:#7b8499}.card-top{top:6px;right:-22px}.card-bottom{bottom:24px;left:-6px}
.trust-strip{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{min-height:112px;display:grid;grid-template-columns:repeat(3,1fr)}.trust-grid>div{display:grid;grid-template-columns:18px 1fr;grid-template-rows:auto auto;align-content:center;padding:24px 38px;border-right:1px solid var(--line)}.trust-grid>div:first-child{border-left:1px solid var(--line)}.dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));grid-row:1/3;align-self:center}.trust-grid strong{font-size:14px}.trust-grid small{color:var(--muted);margin-top:4px}
.section{padding:120px 0}.about-grid{display:grid;grid-template-columns:.42fr 1.58fr;gap:80px}.section-label{display:flex;justify-content:flex-start;align-items:flex-start;border-top:1px solid var(--line);padding-top:20px}.section-index{font-size:12px;color:#a9b0c0}.about-copy h2,.section-top h2,.feature-copy h2,.contact-copy h2{font-size:clamp(40px,4vw,58px);line-height:1.08;letter-spacing:-.04em;margin:0;font-weight:620}.about-copy p{font-size:20px;line-height:1.8;color:var(--muted);max-width:850px;margin:30px 0 0}
.skills-section{background:var(--paper)}.section-top{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-bottom:56px}.section-top h2{margin-top:14px}.section-top>p{margin:0;color:var(--muted);font-size:17px;line-height:1.75}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.skill-card{position:relative;background:#fff;border:1px solid #e6eaf3;border-radius:22px;padding:28px 28px 30px;min-height:285px;transition:.25s;overflow:hidden}.skill-card:hover{transform:translateY(-6px);box-shadow:0 18px 55px rgba(30,43,78,.09);border-color:#dfe3ff}.skill-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(93,104,255,.13),transparent 65%);right:-38px;bottom:-46px}.skill-card.no-icon{padding-top:34px}.skill-no{position:absolute;top:30px;right:28px;color:#b4bac8;font-size:11px;font-weight:800;letter-spacing:.13em}.skill-card h3{margin:0 0 12px;font-size:20px;letter-spacing:-.02em}.skill-card p{margin:0;color:var(--muted);line-height:1.7;font-size:14.5px}
.approach-section{position:relative;background:linear-gradient(135deg,#0d1732,#142344);color:#fff;overflow:hidden}.approach-section:after{content:"";position:absolute;inset:auto -120px -180px auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(102,221,208,.15),transparent 66%)}.approach-grid{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.approach-intro h2{font-size:clamp(40px,4.3vw,62px);line-height:1.06;letter-spacing:-.04em;margin:18px 0 24px;font-weight:620}.approach-intro p{color:rgba(255,255,255,.65);line-height:1.8;font-size:17px;max-width:530px}.steps{border-top:1px solid rgba(255,255,255,.14)}.step{display:block;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.14)}.step h3{margin:0 0 7px;font-size:21px}.step p{margin:0;color:rgba(255,255,255,.6);line-height:1.6}
.feature-section{padding:120px 0;background:#fff}.feature-grid{display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:center}.feature-media{height:560px}.feature-image{height:100%;border-radius:30px;background:linear-gradient(135deg,rgba(14,22,53,.08),rgba(14,22,53,.58)),url('../images/hero-monitor.jpg') center/cover no-repeat;box-shadow:0 24px 70px rgba(19,31,67,.13)}.feature-copy h2{margin:16px 0 28px}.feature-copy p{color:var(--muted);font-size:17px;line-height:1.8}.text-link{display:inline-flex;align-items:center;gap:10px;margin-top:18px;font-size:14px;font-weight:800;color:var(--blue)}.text-link span{font-size:20px;transition:.2s}.text-link:hover span{transform:translateX(4px)}
.contact-section{padding-top:0}.contact-panel{background:linear-gradient(135deg,#5b65fb,#6551cf);border-radius:34px;padding:66px;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;color:#fff;box-shadow:0 30px 80px rgba(69,74,179,.2)}.contact-copy h2{margin:16px 0 18px;color:#fff}.contact-copy p{color:rgba(255,255,255,.75);max-width:650px;line-height:1.7}.contact-card{font-style:normal;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:30px;display:flex;flex-direction:column;justify-content:center;color:rgba(255,255,255,.82);line-height:1.7}.contact-label{font-size:10px;font-weight:850;letter-spacing:.16em;color:var(--cyan);margin-bottom:15px}.contact-card strong{font-size:21px;color:#fff;margin-bottom:6px}.contact-email{color:#fff;margin-top:8px;font-weight:700;word-break:break-word}.contact-email:hover{text-decoration:underline}
.site-footer{margin-top:110px;background:#091126;color:#fff;padding:68px 0 0}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;padding-bottom:48px}.footer-brand img{width:190px}.footer-brand p{color:rgba(255,255,255,.55);max-width:440px;line-height:1.7;font-size:14px}.footer-meta{display:flex;flex-direction:column;align-items:flex-end;color:rgba(255,255,255,.64);font-size:14px;line-height:1.8}.footer-meta a{color:rgba(255,255,255,.8)}.footer-meta a:hover{color:#fff;text-decoration:underline}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:22px 0;color:rgba(255,255,255,.4);font-size:12px}.basic-page{padding:150px 0;min-height:60vh}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--delay,0ms)}.reveal.delay-1{transition-delay:120ms}.reveal.shown{opacity:1;transform:none}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr .85fr;gap:40px}.hero h1{font-size:58px}.hero-visual{height:520px}.skills-grid{grid-template-columns:repeat(2,1fr)}.approach-grid{gap:60px}.feature-grid{gap:50px}.contact-panel{padding:50px}}
@media(max-width:820px){.sg-shell{width:calc(100% - 36px)}.site-header,.header-inner{height:72px}.brand{width:165px}.brand img{width:160px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:72px;left:18px;right:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px;box-shadow:0 20px 50px rgba(9,17,38,.16);flex-direction:column;gap:0;align-items:stretch}.main-nav.open{display:flex}.main-nav a,.site-header:not(.scrolled) .main-nav a{color:var(--ink);padding:13px 14px;border-radius:10px}.main-nav a:hover{background:var(--paper)}.hero{min-height:auto;padding-top:72px}.hero-grid{display:block;min-height:0;padding:76px 0 70px}.hero-copy{padding:0}.hero h1{font-size:clamp(42px,12vw,64px)}.hero p{font-size:17px}.hero-visual{height:430px;margin-top:54px}.hero-image{inset:28px 8px 10px 8px}.card-top{right:0}.card-bottom{left:0}.trust-grid{grid-template-columns:1fr}.trust-grid>div,.trust-grid>div:first-child{border-left:0;border-right:0;border-bottom:1px solid var(--line);padding:20px 4px}.section{padding:82px 0}.about-grid,.section-top,.approach-grid,.feature-grid,.contact-panel,.footer-grid{grid-template-columns:1fr}.about-grid{gap:38px}.section-top{gap:24px;margin-bottom:36px}.skills-grid{grid-template-columns:1fr}.approach-grid{gap:48px}.feature-section{padding:82px 0}.feature-media{height:420px}.contact-panel{gap:34px;padding:38px 28px;border-radius:24px}.site-footer{margin-top:80px}.footer-meta{align-items:flex-start}.reveal{opacity:1;transform:none}}
@media(max-width:520px){.hero-grid{padding-top:58px}.hero-actions{flex-direction:column}.btn{width:100%}.hero-tags{gap:7px}.hero-visual{height:340px}.visual-card{width:185px;padding:14px}.card-top{top:0}.card-bottom{bottom:4px}.about-copy h2,.section-top h2,.feature-copy h2,.contact-copy h2{font-size:38px}.skill-card{min-height:250px}.feature-media{height:330px}.contact-panel{padding:32px 22px}.step{display:block}.site-footer{padding-top:52px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}.btn,.skill-card,.text-link span{transition:none}}