:root{--ink:#e8f0f9;--paper:#080f1d;--muted:#93a6bc;--green:#5ce1dd;--orange:#8d9bff;--line:#233044}.dark-preview{background:radial-gradient(ellipse at 80% 10%,#14395644,transparent 40%),#080f1d;color:var(--ink)}.preview-banner{display:flex;justify-content:space-between;gap:15px;padding:10px 6%;background:#111d31;border-bottom:1px solid #263b59;font:9px 'IBM Plex Mono',monospace;letter-spacing:.7px;color:#8ba8c9}.preview-banner>span:first-child{color:#5ce1dd}.preview-banner a{color:#d0def0}.header{border-color:#233044}.brand-mark{background:#142d3b;color:#5ce1dd;box-shadow:inset 0 0 0 1px #2d6260}.brand-dot{color:#5ce1dd}.nav-cta{border-color:#385268;background:#132133}.language-switch a{color:#8a9bb0}.language-switch a[aria-current]{background:#1b3544;color:#70e5e1}.language-switch span{color:#4b5b71}.hero{padding-top:72px;padding-bottom:72px;gap:45px;grid-template-columns:1fr 1.1fr}.hero h1{font-size:clamp(64px,6.5vw,92px);font-weight:600;letter-spacing:-5px}.hero h1 span{background:linear-gradient(110deg,#5ce1dd,#8ba9f9);color:transparent;background-clip:text}.eyebrow{color:#8ea9c5;font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:1.7px}.hero-copy .eyebrow{color:#81e0dd}.live-dot{background:#5ce1dd;box-shadow:0 0 12px #5ce1dd55,0 0 0 4px #5ce1dd12}.hero-text{font-size:15px;max-width:415px}.primary{background:#5ce1dd;color:#071720;box-shadow:0 5px 25px #5ce1dd15}.primary:hover{background:#8cf0ed}.text-link{color:#c8d6e9}.hero-note span:before{color:#5ce1dd}.hero-note{font-family:'IBM Plex Mono';font-size:8px;gap:16px}.tech-art{height:auto;min-height:445px;background:linear-gradient(145deg,#152237,#0c1726);border:1px solid #314b65;border-radius:12px;box-shadow:0 25px 70px #0007,0 0 70px #43d6d10b;transform:perspective(1200px) rotateY(-6deg) rotateX(2deg);overflow:visible}.tech-art:before{content:'';position:absolute;inset:-22px;background-image:linear-gradient(#5ce1dd0a 1px,transparent 1px),linear-gradient(90deg,#5ce1dd0a 1px,transparent 1px);background-size:25px 25px;z-index:-1;mask-image:radial-gradient(ellipse,black,transparent 70%)}.panel-chrome{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 17px;border-bottom:1px solid #2a3d53;color:#7892ac;font:8px 'IBM Plex Mono'}.window-dots{display:flex;gap:5px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#3a5169}.window-dots i:first-child{background:#ba8183}.window-dots i:nth-child(2){background:#baac81}.window-dots i:nth-child(3){background:#7bab9c}.panel-demo{font-size:6px;letter-spacing:1px;color:#7199b0}.panel-body{padding:24px}.panel-heading{display:flex;gap:12px;align-items:center}.panel-logo{display:grid;place-content:center;width:38px;height:38px;border:1px solid #436077;border-radius:9px;color:#6ee7e3;background:linear-gradient(140deg,#245250,#142537);font:bold 24px 'Manrope'}.panel-heading small{font:6px 'IBM Plex Mono';letter-spacing:1px;color:#7197af}.panel-heading h3{font-size:24px;letter-spacing:-.7px;margin-top:5px}.panel-badge{font:5px 'IBM Plex Mono';letter-spacing:.4px;color:#7edcd9;border:1px solid #286f6d;padding:6px 7px;border-radius:20px;margin-left:auto}.panel-tabs{display:flex;gap:22px;padding:22px 0 10px;border-bottom:1px solid #273b51;font-size:9px;color:#7188a4}.panel-tabs span:first-child{color:#70e1dd;position:relative}.panel-tabs span:first-child:after{content:'';position:absolute;bottom:-11px;left:0;right:0;height:2px;background:#5ce1dd}.panel-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:19px 0}.panel-metrics>div{padding:15px;border:1px solid #2a415a;background:#101f31;border-radius:7px}.panel-metrics small{font:6px 'IBM Plex Mono';letter-spacing:1px;color:#8dacc0}.panel-metrics strong{font:500 27px 'Manrope';display:flex;justify-content:space-between;margin-top:10px}.panel-metrics strong span{font-size:17px;color:#61c9c6}.panel-metrics p{font-size:7px;color:#7a93ad;margin:6px 0 0}.panel-flow{display:flex;align-items:center;justify-content:space-between;padding:6px 0 23px;gap:10px}.flow-node{font:6px 'IBM Plex Mono';color:#a9bed4;display:flex;align-items:center;gap:5px}.flow-node span{width:18px;height:18px;display:grid;place-content:center;border:1px solid #366967;border-radius:50%;color:#5ce1dd}.panel-flow>i{height:1px;background:linear-gradient(90deg,#3b5c6d,#294156);flex:1}.panel-terminal{padding:13px 14px;background:#081522;border:1px solid #2a4052;border-radius:7px;font:8px 'IBM Plex Mono';color:#85a0ba}.panel-terminal>div{display:flex;align-items:center;gap:7px;border-bottom:1px solid #213348;padding-bottom:10px;margin-bottom:12px;color:#abbed0}.panel-terminal>div>span{color:#5ce1dd}.panel-terminal small{margin-left:auto;color:#567188;font-size:6px}.panel-terminal p{margin:9px 0;font-size:7px}.panel-terminal b{color:#4d8e8c;font-weight:400;margin-right:8px}.terminal-cursor{color:#5ce1dd;padding-left:4px}.panel-footer{display:flex;align-items:center;gap:6px;margin-top:16px;color:#7d96af;font-size:6px}.panel-footer .live-dot{width:4px;height:4px;box-shadow:none}.panel-footer>span:last-child{margin-left:auto;font:5px 'IBM Plex Mono';color:#526d85}.capabilities{border-color:#233044;background:#0c1524}.capabilities span{color:#9bb2cc;font-family:'IBM Plex Mono';font-size:9px}.service{background:linear-gradient(145deg,#132136,#0d1728);border-color:#28394f;border-radius:10px}.service.featured{background:linear-gradient(145deg,#153a39,#10202e);border-color:#367876;box-shadow:inset 0 2px 0 #5ce1dd}.service-number{color:#4d6681}.service-icon{color:#5ce1dd}.service li:before{color:#5ce1dd}.service a{border-color:#2a3d52}.work-section{background:radial-gradient(ellipse at 70% 50%,#16545230,transparent 60%),#0d192b;border-top:1px solid #293b53;border-bottom:1px solid #293b53}.work-copy>p:not(.eyebrow){color:#91a9bf}.light{background:#182f40;color:#69e8e4;border:1px solid #35706e}.project-card{background:radial-gradient(ellipse at 85% 10%,#315d7c65,transparent 70%),#112339;border-color:#385571;position:relative;overflow:hidden}.project-card:after{content:'';position:absolute;width:170px;height:170px;right:-80px;top:80px;border:1px solid #5ce1dd26;border-radius:50%;box-shadow:0 0 0 30px #5ce1dd06,0 0 0 60px #5ce1dd04}.project-tags span{border-color:#35556c;color:#95b7cb}.project-top,.project-bottom{color:#698fab}.project-bottom{border-color:#2f4b64}.steps article{border-color:#2b4157}.steps article>span{color:#5ce1dd;font-family:'IBM Plex Mono';font-size:12px}.contact-section{background:#101e31;border-top:1px solid #283c54;border-bottom:1px solid #283c54}.contact-section h2>span{color:#5ce1dd}.contact-note{border-color:#30485e}.contact-note>span{color:#5ce1dd}.contact-direct a{border-color:#4a8280;color:#9debe8}.form-card{background:#0b1626;border-color:#314761}.form-card input,.form-card select,.form-card textarea{border-color:#30455e;background:#111e30;color:#d4dfec}.form-card input::placeholder,.form-card textarea::placeholder{color:#647d96}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:#5ce1dd;box-shadow:0 0 0 3px #5ce1dd12}.form-card select option{background:#111e30}.form-card fieldset{border:0;padding:0;margin:0;min-width:0}.form-card button{opacity:1;cursor:pointer}.form-notice{background:#163e3d;border-color:#387a78;color:#ace9e7}.faq details{border-color:#283d53}.faq details:last-child{border-color:#283d53}footer{border-color:#293d52}footer .brand{color:#dbe8f5}body .honey{display:none}@media(max-width:1000px){.hero{gap:27px}.hero h1{font-size:66px;letter-spacing:-4px}.panel-body{padding:17px}.panel-badge{font-size:4px;padding:5px}.panel-chrome{font-size:6px}.hero-note{gap:10px}.hero-art{min-height:410px}}@media(max-width:760px){.preview-banner{font-size:7px;flex-wrap:wrap;padding:10px 6%;gap:7px 12px}.preview-banner>span:nth-child(2){order:3;width:100%;font-size:6px}.preview-banner>a{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:40px}.hero h1{font-size:clamp(48px,13vw,64px);letter-spacing:-3px}.hero-text{font-size:14px}.tech-art{transform:none;min-height:410px}.panel-body{padding:20px}.panel-heading h3{font-size:24px}.panel-badge{font-size:4px}.panel-metrics strong{font-size:27px}.panel-metrics p{font-size:6px}.hero-note{font-size:7px;gap:12px}.capabilities span{font-size:7px}.panel-chrome{font-size:6px}.contact-section .form-row{grid-template-columns:1fr}}
.work-section{color:var(--ink)}.panel-terminal p{font-size:8px}.panel-metrics p{font-size:8px}.panel-heading small{font-size:7px}.panel-footer{font-size:7px}