@charset "utf-8";
:root{--blue:#1458e8;--ink:#172840;--muted:#627084;--line:#e4e9f0;--light:#f5f8fc;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible{outline:3px solid #e39a09;outline-offset:5px}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.container{max-width:1200px;width:calc(100% - 96px);margin-inline:auto}.skip-link{position:fixed;top:-80px;left:20px;background:var(--ink);color:white;padding:15px;z-index:100}.skip-link:focus{top:10px}.header{height:96px;border-bottom:1px solid #edf0f5;background:#ffffffed;position:sticky;top:0;z-index:20;backdrop-filter:blur(15px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;font-size:30px;font-weight:750;letter-spacing:-1.5px}.brand-symbol{width:39px;height:39px;background:var(--blue);color:white;display:inline-flex;align-items:center;justify-content:center;font-size:39px;line-height:1;font-weight:700;letter-spacing:-4px;border-radius:11px;margin-right:10px;position:relative;padding-right:5px;padding-bottom:5px}.brand-symbol>span{font-size:24px;position:absolute;right:-3px;top:-8px;background:white;line-height:21px;letter-spacing:0;color:var(--blue)}.brand-dot{color:var(--blue)}nav{display:flex;gap:31px;align-items:center;font-size:13px;font-weight:550}nav>a:not(.button){padding:15px 0;position:relative}nav>a:hover,nav .active{color:var(--blue)}nav .active:after{content:"";position:absolute;width:4px;height:4px;background:var(--blue);border-radius:50%;bottom:3px;left:50%}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:18px 23px;background:var(--blue);color:#fff;font-size:13px;font-weight:600;border:1px solid transparent;border-radius:7px;transition:background .2s,transform .2s}.button:hover{background:#1046ba;transform:translateY(-2px)}.button svg{width:18px;height:18px}.button-small{padding:13px 18px;margin-left:8px}.menu-toggle{display:none}.hero{overflow:hidden;background:radial-gradient(ellipse at 83% 43%,#edf4ff 0,transparent 50%)}.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;min-height:610px;gap:22px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--blue);display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #e8efff}.hero h1{font-size:clamp(42px,4.25vw,59px);line-height:1.13;letter-spacing:-2.8px;font-weight:650;margin:26px 0 23px}.hero h1>span{color:var(--blue)}.hero-copy>p{max-width:420px;font-size:16px;line-height:1.85;color:var(--muted);margin-bottom:29px}.hero-actions{display:flex;align-items:center;gap:24px}.text-link{font-size:12px;font-weight:600;display:flex;gap:10px;align-items:center}.text-link:hover{color:var(--blue)}.text-link span{font-size:18px}.hero-note{display:flex;align-items:center;gap:9px;font-size:11px;color:#6a7789;margin-top:27px}.note-icon{color:var(--blue);font-size:12px;border:1px solid #b4c7ec;border-radius:50%;width:17px;height:17px;text-align:center}.hero-art{height:470px;position:relative;isolation:isolate;min-width:0}.orbit{position:absolute;border:1px dashed #ccd9ef;border-radius:50%;z-index:-1;transform:rotate(-24deg)}.orbit-one{width:590px;height:330px;top:80px;left:-18px}.orbit-two{width:395px;height:440px;left:80px;top:12px;transform:rotate(36deg)}.orbit-dot{position:absolute;width:10px;height:10px;background:var(--blue);border:3px solid #d6e4ff;border-radius:50%}.dot-one{top:57px;left:148px}.dot-two{bottom:59px;right:49px;background:#f5bc42;border-color:#fae8c1}.art-label{position:absolute;right:47px;top:37px;font-size:8px;letter-spacing:1.8px;color:#657997;display:flex;align-items:center;gap:8px}.art-label>span{height:5px;width:5px;background:var(--blue);border-radius:50%}.browser-card{position:absolute;top:99px;left:21px;width:465px;height:297px;background:white;border:1px solid #dfe6f3;border-radius:11px;box-shadow:0 24px 60px -18px #3e609543;transform:perspective(1000px) rotateY(-9deg) rotateZ(-3deg);overflow:hidden}.browser-toolbar{height:31px;background:#f6f8fc;border-bottom:1px solid #e5eaf2;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:10px;color:#a5afbd}.traffic{display:flex;gap:4px}.traffic i{width:5px;height:5px;background:#c5cedd;border-radius:50%}.traffic i:first-child{background:#f4b4a9}.traffic i:nth-child(2){background:#f0d994}.traffic i:nth-child(3){background:#a5d1b8}.address{background:white;border:1px solid #edf0f5;border-radius:3px;padding:3px 44px;font-size:7px}.preview-nav{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:7px}.preview-nav b{font-size:11px;display:flex;align-items:center;gap:5px}.mini-logo{height:12px;width:12px;border:4px solid var(--blue);border-radius:3px}.preview-nav i{font-style:normal;border:1px solid #e6eaf1;padding:4px}.preview-body{background:#eff4fc;margin:0 12px;height:177px;display:flex;position:relative;overflow:hidden;border-radius:4px}.preview-text{padding:21px 20px;z-index:2}.preview-text>span{font-size:6px;letter-spacing:1.4px;color:var(--blue);font-weight:bold}.preview-text strong{display:block;font-size:25px;line-height:1.1;letter-spacing:-1px;margin-top:9px}.preview-text p{font-size:7px;line-height:1.6;color:var(--muted)}.preview-button{font-size:6px;color:white;background:var(--blue);display:inline-block;padding:7px 9px;border-radius:2px}.sculpture{position:absolute;right:20px;top:15px;width:155px;height:155px;transform:rotate(-28deg)}.ring{position:absolute;inset:15px;border-radius:50%;border:23px solid #3074f4;box-shadow:inset 4px 2px 8px #0041ae,6px 12px 17px #1761e23a;background:transparent;transform:rotateY(40deg) rotateX(20deg)}.ring-two{inset:36px -5px -5px 36px;border-color:#80acff;z-index:-1}.ring-three{inset:-4px 35px 35px -4px;border-color:#1458e8;z-index:1}.sphere{position:absolute;width:31px;height:31px;right:-17px;top:25px;background:radial-gradient(circle at 30% 30%,#ffecad,#f3b53d 65%,#d59019);border-radius:50%;box-shadow:3px 9px 12px #c89b3730}.preview-bottom{display:flex;gap:22px;padding:14px 26px;font-size:7px}.preview-bottom>span{flex:1;border-top:1px solid #e4e9f0;padding-top:7px;display:flex;justify-content:space-between}.floating-code{position:absolute;right:-3px;top:266px;width:208px;background:#13243e;color:#d9e6f8;border:4px solid #fff;border-radius:11px;box-shadow:0 15px 35px #1d3e6e24;transform:rotate(3deg);padding:13px 14px}.floating-code>div{display:flex;align-items:center;gap:8px;font-size:9px}.code-icon{background:#2b405d;padding:5px;border-radius:4px;color:#98c3ff}.tiny-dot{height:5px;width:5px;background:#88cbb4;border-radius:50%;margin-left:auto}.floating-code p{font-family:monospace;font-size:9px;line-height:1.9;margin:11px 0 0}.floating-code p>span{color:#8bb1fc}.floating-code em{font-style:normal;color:#a6d3bd}.floating-ready{position:absolute;left:0;top:64px;display:flex;gap:10px;align-items:center;padding:13px 16px;background:#fff;box-shadow:0 8px 30px #32577f16;border:1px solid #e9edf5;border-radius:9px;transform:rotate(-5deg)}.ready-icon{display:flex;background:#e9f5ef;color:#40956a;padding:7px;border-radius:50%}.ready-icon svg{width:17px;height:17px}.floating-ready b{display:block;font-size:11px}.floating-ready div>span{display:block;color:#8290a1;font-size:8px;margin-top:5px}.art-spark{position:absolute;color:var(--blue)}.spark-one{font-size:44px;right:13px;top:94px}.spark-two{font-size:30px;left:21px;bottom:54px;color:#ebbc5e}.art-caption{position:absolute;bottom:4px;left:90px;font-size:7px;letter-spacing:1.6px;color:#8793a8}.principles{border-block:1px solid var(--line);background:#fafbfd}.principles .container{display:flex;align-items:center;justify-content:space-between;padding-block:27px;gap:20px}.principles p{margin:0;font-size:12px;line-height:1.75;color:var(--muted);padding-right:38px;border-right:1px solid var(--line)}.principles strong{font-weight:550;color:var(--ink)}.principles .container>span{font-size:13px;font-weight:550;display:flex;align-items:center;gap:12px}.principles svg{color:var(--blue);width:22px;height:22px}.section{padding:87px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:35px}h2{font-size:36px;line-height:1.2;font-weight:600;letter-spacing:-1.3px;margin:15px 0 0}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 3px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.service-card{padding:27px 27px 0;border:1px solid var(--line);border-radius:var(--radius);transition:box-shadow .2s,border-color .2s;display:flex;flex-direction:column}.service-card:hover{border-color:#a3bffa;box-shadow:0 10px 30px #1f58af0b}.card-top{display:flex;align-items:center;justify-content:space-between}.service-icon{background:#eef4ff;border:1px solid #e1eafe;color:var(--blue);display:flex;border-radius:12px;padding:13px}.card-number{font-size:11px;color:#99a5b5;letter-spacing:1px}.service-card h3{font-size:19px;letter-spacing:-.55px;font-weight:600;margin:25px 0 12px}.service-card p{font-size:13px;color:var(--muted);line-height:1.85;margin:0 0 22px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;margin-bottom:27px}.tags span{font-size:9px;color:#647188;background:#f5f7fa;border:1px solid #edf0f5;border-radius:4px;padding:6px 9px}.card-link{background:none;border:0;border-top:1px solid var(--line);padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;color:var(--blue);font-size:11px;font-weight:600;width:100%}.card-link svg{width:17px;height:17px}.card-link:hover{color:#102b56}.products{background:var(--light);padding-block:65px}.products h2{font-size:31px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{display:flex;align-items:center;gap:14px;padding:23px 18px;text-align:left;border:1px solid var(--line);background:white;border-radius:10px;color:var(--ink);transition:transform .2s}.product-card:hover{transform:translateY(-4px);border-color:#a3bffa}.product-icon{height:48px;width:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:29px;font-weight:700;letter-spacing:-3px;border-radius:12px;position:relative}.calling{background:#e9f1ff;color:#2461dc}.calling>span{font-size:14px;margin-left:3px;letter-spacing:-4px}.digita{background:#eff5e4;color:#5c8032}.digita>span{font-size:19px}.photo{background:#f2eafe;color:#8654bf}.photo>span{font-size:19px;position:absolute;right:4px;bottom:3px}.product-copy{display:flex;flex-direction:column;gap:7px}.product-copy small{font-size:7px;letter-spacing:1.2px;color:var(--muted)}.product-copy strong{font-size:17px;letter-spacing:-.3px;font-weight:600}.product-copy>span{font-size:10px;line-height:1.6;color:var(--muted)}.product-card>svg{width:16px;height:16px;margin-left:auto;align-self:flex-start;color:#72849b}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.about-visual{background:#eaf1ff;border:1px solid #e1eafc;min-height:370px;border-radius:16px;padding:34px;position:relative;overflow:hidden}.about-visual:after{content:"";position:absolute;width:230px;height:230px;border:45px solid #dce7fe;border-radius:50%;right:-90px;top:48px;pointer-events:none}.about-statement{font-size:40px;line-height:1.15;letter-spacing:-1.5px;font-weight:600;margin:35px 0;position:relative;z-index:1}.about-statement>span{color:var(--blue)}.about-bottom{display:flex;align-items:center;gap:10px}.about-bottom .brand-symbol{transform:scale(.7);transform-origin:left;margin-right:-4px}.about-bottom .brand-symbol>span{background:#eaf1ff}.about-bottom>span:nth-child(2){font-size:7px;line-height:1.7;letter-spacing:1.4px;color:#5c7295}.about-bottom>span:last-child{margin-left:auto;font-size:33px;color:var(--blue)}.about-copy p{font-size:14px;line-height:1.85;color:var(--muted);margin:20px 0}.about-values{display:flex;flex-direction:column;gap:12px;padding-top:6px}.about-values>span{font-size:12px;display:flex;align-items:center;gap:9px}.about-values svg{width:17px;height:17px;color:var(--blue)}.contact{background:#1557df;color:white;position:relative;overflow:hidden}.contact:after{content:"";position:absolute;width:530px;height:530px;border:1px solid #ffffff15;border-radius:50%;top:-100px;right:13%;pointer-events:none;box-shadow:0 0 0 70px #ffffff04,0 0 0 140px #ffffff03}.contact-inner{padding-block:65px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.contact .eyebrow{color:#c6d8ff;font-size:9px}.contact h2{font-size:47px;letter-spacing:-1.8px;margin:19px 0}.contact p{font-size:13px;color:#d0dfff}.contact-actions{display:flex;flex-direction:column;align-items:center;gap:19px;padding-right:60px}.button-white{background:#fff;color:var(--blue);padding:18px 29px}.button-white:hover{background:#e9f0ff}.email{font-size:13px}.email:hover{text-decoration:underline}.contact-actions>span{font-size:10px;color:#d0dfff;margin-top:17px}.contact-actions button{border:0;color:white;background:none;padding:0;font-size:10px;text-decoration:underline;text-underline-offset:3px}.footer{padding:37px 0 23px}.footer-top{display:flex;gap:30px;align-items:center;padding-bottom:29px}.footer-top .brand{font-size:25px}.footer-top .brand-symbol{transform:scale(.8);margin-right:3px}.footer-top p{font-size:11px;color:var(--muted)}.footer-top>a:last-child{margin-left:auto;font-size:11px}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted)}.footer-bottom>div{display:flex;gap:23px}.footer a:hover{color:var(--blue)}dialog{width:min(540px,calc(100% - 32px));border:1px solid var(--line);padding:42px;border-radius:18px;color:var(--ink);box-shadow:0 30px 100px #11213d33;max-height:85dvh}dialog::backdrop{background:#12243c88;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:10px;right:14px;background:none;border:0;font-size:30px;color:var(--muted);padding:0 8px}dialog h2{font-size:31px}dialog p,dialog li{font-size:14px;line-height:1.8;color:var(--muted)}dialog ul{padding-left:20px;margin:20px 0 28px}body.dialog-open{overflow:hidden}
@media(min-width:1450px){.hero-grid{min-height:650px}.hero-art{transform:scale(1.06)}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}nav{gap:20px}.hero-grid{gap:0;min-height:570px}.hero h1{font-size:47px}.hero-art{transform:scale(.85);transform-origin:center right;margin-left:-55px}.hero-actions{gap:15px;flex-wrap:wrap}.service-card{padding:23px 20px 0}.service-card h3{font-size:17px}.product-card{gap:10px;padding:20px 12px}.about-grid{gap:45px}.contact-actions{padding-right:20px}.principles .container>span{font-size:11px;gap:8px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.header{height:76px}.brand{font-size:26px}.menu-toggle{display:flex;width:43px;height:43px;background:#f1f5fc;border:1px solid var(--line);border-radius:7px;flex-direction:column;justify-content:center;gap:6px;align-items:center}.menu-toggle span{width:18px;height:2px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}nav{display:none;position:absolute;top:75px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:20px;box-shadow:0 12px 20px #132b4810;align-items:stretch;gap:6px}nav.open{display:flex;flex-direction:column}nav>a:not(.button){padding:12px}nav .active:after{display:none}nav .button{margin:8px 0 0}.hero-grid{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:55px}.hero-copy{max-width:560px}.hero h1{font-size:53px}.hero-copy>p{font-size:15px;max-width:430px}.hero-art{width:520px;max-width:100%;margin:15px auto 24px;transform:none;height:465px}.principles .container{display:grid;grid-template-columns:1fr 1fr;gap:23px;padding-block:24px}.principles p{border:0;padding:0;font-size:11px}.principles .container>span{font-size:11px}.section{padding-block:58px}.section-heading{align-items:flex-start;flex-direction:column;gap:17px;margin-bottom:28px}h2{font-size:32px}.section-heading>p br{display:none}.service-grid{grid-template-columns:1fr;gap:16px}.service-card{padding:24px 25px 0}.service-card h3{font-size:21px;margin-top:18px}.service-card p{max-width:520px}.card-link{font-size:12px}.tags{margin-bottom:20px}.product-grid{grid-template-columns:1fr}.product-card{padding:22px;gap:18px}.product-copy>span{font-size:12px}.product-copy small{font-size:8px}.product-copy strong{font-size:20px}.about-grid{grid-template-columns:1fr;gap:35px}.about-visual{min-height:330px}.about-statement{font-size:39px;margin:27px 0}.contact-inner{align-items:flex-start;flex-direction:column;gap:25px;padding-block:48px}.contact h2{font-size:41px}.contact-actions{align-items:flex-start;padding:0;gap:16px}.contact-actions>span{margin-top:5px}.footer-top{flex-wrap:wrap;gap:9px 20px}.footer-top p{width:100%;order:3}.footer-bottom{flex-wrap:wrap;line-height:1.8}.footer-bottom>span:last-child{display:none}}
@media(max-width:480px){.hero h1{font-size:43px;letter-spacing:-2px}.hero .eyebrow{font-size:8px}.hero-actions{gap:20px}.hero-art{width:500px;max-width:none;transform:scale(.68);transform-origin:top left;margin-top:36px;margin-bottom:-130px;height:460px;left:calc(50% - 170px)}.hero-copy>p{font-size:14px}.hero-note{font-size:10px}.principles .container{gap:20px 10px}.principles .container>span{font-size:10px;gap:7px}.principles svg{width:18px;height:18px}.principles p{font-size:10px}.products h2{font-size:29px}.about-statement{font-size:34px}.about-visual{padding:26px}.contact .eyebrow{font-size:8px;letter-spacing:1px}dialog{padding:35px 25px}.footer-bottom{gap:10px}}
@media(max-width:360px){.container{width:calc(100% - 32px)}.hero h1{font-size:37px}.hero-art{transform:scale(.58);left:calc(50% - 145px);margin-bottom:-180px}.principles .container{grid-template-columns:1fr}.principles p br{display:none}.principles p strong{margin-left:4px}.about-statement{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* The shared navigation now includes Support; open the compact menu on tablets. */
@media (min-width: 801px) and (max-width: 1000px) {
  .menu-toggle { display: flex; width: 43px; height: 43px; background: #f1f5fc; border: 1px solid var(--line); border-radius: 7px; flex-direction: column; justify-content: center; gap: 6px; align-items: center; }
  .menu-toggle span { width: 18px; height: 2px; background: var(--ink); }
  .menu-toggle[aria-expanded=true] span:first-child { transform: translateY(4px) rotate(45deg); }
  .menu-toggle[aria-expanded=true] span:last-child { transform: translateY(-4px) rotate(-45deg); }
  .header nav { display: none; position: absolute; top: 95px; left: 0; right: 0; background: white; border-bottom: 1px solid var(--line); padding: 20px 32px; box-shadow: 0 12px 20px #132b4810; align-items: stretch; gap: 6px; }
  .header nav.open { display: flex; flex-direction: column; }
  .header nav > a:not(.button) { padding: 12px; }
  .header nav .active:after { display: none; }
  .header nav .button { margin: 8px 0 0; }
}
.footer-bottom > div { flex-wrap: wrap; }
