/* Openrails identity: the supplied navy/cyan mark, with software as the visual material. */
:root{--paper:#f8fafc;--ink:#061e49;--muted:#526078;--line:#d6e0ed;--lime:#d9f2ff;--lavender:#dcecff;--cyan:#0099e6}
::selection{background:#b4e9ff;color:#061e49}.brand{display:block}.brand-image{display:block;position:relative;width:246px;aspect-ratio:1115/380;overflow:hidden;mix-blend-mode:multiply}.brand-image img{position:absolute;max-width:none!important;width:112.4664%!important;height:auto!important;left:-6.7265%;top:-105.2632%}.header{padding-top:24px}.header .brand-image{width:246px}.menu .brand-image,.footer .brand-image{width:210px}.hero{padding-top:45px}.hero-art.software-stage{height:470px;position:relative;width:100%;margin:0 0 -4px;animation:none;overflow:visible}.software-rails{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.software-rails path{fill:none;stroke:#cbdff0;stroke-width:1.6}.software-rails .rail-packet{stroke:#029ce6;stroke-width:2.5;stroke-dasharray:60 1700;animation:packet 14s linear infinite}.software-window{position:absolute;display:block;background:white;border:1px solid #d2dcea;border-radius:13px;overflow:hidden;box-shadow:0 22px 48px #143f7020;transition:transform .4s,box-shadow .4s}.software-window:hover{box-shadow:0 28px 55px #143f7030}.window-chrome{height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f2f6fc;border-bottom:1px solid #dae3ee;padding:0 12px;font-family:var(--body);font-size:10px;color:#4c6079;letter-spacing:.01em}.window-dots{font-size:7px;letter-spacing:3px;color:#869bb7}.window-chrome>span:last-child{font-size:14px}.window-screen{height:240px;overflow:hidden;background:#d8e9f9}.hero-art .window-screen img{display:block;width:100%;height:auto;mix-blend-mode:normal;transform:none}.window-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 17px;font-size:11px;color:#526078;border-top:1px solid #dce5ef;background:#fff}.window-caption strong{font-family:var(--display);font-size:20px;letter-spacing:-.035em;color:var(--ink)}.window-caption b{font-size:17px;margin-left:12px;color:#0676ab}.window-client{left:0;top:51px;width:34%;transform:rotate(-7deg);z-index:1}.window-client:hover{transform:rotate(-4deg) translateY(-7px)}.window-platform{left:25%;top:13px;width:50%;z-index:2;transform:rotate(-1deg)}.window-platform:hover{transform:rotate(0) translateY(-7px)}.window-platform .window-screen{height:320px}.window-commerce{right:0;top:105px;width:34%;transform:rotate(7deg);z-index:1}.window-commerce:hover{transform:rotate(4deg) translateY(-7px)}.stage-caption{position:absolute;bottom:3px;left:0;font-size:10px;letter-spacing:.11em;color:#55708b}.hero-caption{margin-top:10px}.hero h1,.footer-word{color:#061e49}.hero-caption>p{font-size:clamp(27px,2.7vw,42px)}.hero-foot{color:#526078}.button.dark,.menu-toggle{background:#061e49;color:white}.button.dark:hover{background:#0e3b70}.button.light{color:#061e49}.button.light:hover{background:#d9f2ff}.button.outline:hover{background:#061e49;color:white}.is-scrolled .menu-toggle{box-shadow:0 0 0 7px #f8fafce0}.motion-control svg{stroke:#061e49}.round-link:hover{background:#d9f2ff}.skip-link{background:#061e49;color:white}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#007fbd}.modal input:focus,.modal select:focus,.modal textarea:focus{outline-color:#007fbd}.muted{color:#708098}.showreel-inner{background:#061c40;color:#f6fbff}.status-dot{background:#50c7ff}.reel-bottom h2 em{color:#8bdaff}.reel-top{color:#c0d9f2}.system-board{position:absolute;right:5%;top:10%;width:55%;height:75%;background-image:linear-gradient(#6089aa0c 1px,transparent 1px),linear-gradient(90deg,#6089aa0c 1px,transparent 1px);background-size:25px 25px;transform:rotate(-9deg);opacity:.85}.system-node{position:absolute;width:210px;padding:18px 22px;border:1px solid #3d6890;border-radius:12px;background:#0b2a4e;box-shadow:0 15px 40px #010b2220}.system-node span{display:block;color:#93cbe6;font-size:9px;letter-spacing:.08em;margin-bottom:6px}.system-node b{font-family:var(--display);font-weight:400;font-size:21px;color:#d9f2ff}.node-one{top:7%;left:3%}.node-two{top:37%;right:5%}.node-three{bottom:3%;left:12%}.system-line{position:absolute;border:1px solid #2998d2;border-radius:30px;width:40%;height:30%;left:33%;top:18%}.system-line.line-two{left:43%;top:47%;transform:rotate(180deg)}.system-line.line-three{left:27%;top:28%;width:10%;height:49%;border-right:0;border-radius:0}.marquee b{color:#1682bc;font-size:54px;font-weight:400}.small-star{color:#1889be}.expertise-card.lavender{background:#e4edf9}.expertise-card.lime{background:#dcf2fa}.expertise-card.charcoal{background:#092549;color:#f8fafc}.expertise-card.charcoal .eyebrow{color:#c0d8ef}.expertise-card .tags span{border-color:#173e6960}.expertise-card.charcoal .tags span{border-color:#88afcb70}.interface-art{width:88%;height:174px;margin:auto;transform:rotate(-6deg);background:#f8fbff;border:1px solid #b6cbe2;border-radius:10px;box-shadow:12px 13px 0 #b4c9e3;overflow:hidden}.interface-top{height:27px;background:#d2e3f6;display:flex;align-items:center;padding-left:13px;gap:5px}.interface-top i{width:5px;height:5px;background:#56779d;border-radius:50%}.interface-body{display:flex;height:calc(100% - 27px);padding:15px;gap:14px}.interface-sidebar{width:18%;background:repeating-linear-gradient(to bottom,#c5d7ea 0 4px,transparent 4px 15px)}.interface-content{flex:1}.interface-content>span{display:block;background:#c8ddef;height:5px;margin-bottom:9px;border-radius:3px}.interface-content>span:first-child{background:#184d7c;width:65%;height:8px}.interface-content>div{display:flex;gap:8px;margin:15px 0}.interface-content i{display:block;width:50%;height:48px;background:#e1edf8;border:1px solid #bfd5e8;border-radius:5px}.integration-art{width:100%;margin:auto;text-align:center;padding:20px 0;position:relative}.integration-art>span{display:inline-block;background:#0b355b;color:white;border-radius:9px;padding:12px 25px;font-size:16px;box-shadow:5px 7px 0 #a2cde1}.integration-art>i{display:block;width:1px;height:40px;background:#578aac;margin:auto}.integration-art>div{display:flex;justify-content:space-between;gap:7px;padding-top:22px;border-top:1px solid #578aac;position:relative}.integration-art b{font-size:11px;font-weight:400;border:1px solid #98bed3;background:#f5fcff;padding:10px 8px;border-radius:7px;position:relative;flex:1}.integration-art b:before{content:'';height:23px;width:1px;background:#578aac;position:absolute;top:-23px;left:50%}.roadmap-art{margin:auto 0;display:grid;gap:18px;padding:20px 0;position:relative}.roadmap-art:before{content:'';position:absolute;left:16px;top:50px;bottom:40px;width:1px;background:#2f678f}.roadmap-art>span{display:flex;align-items:center;gap:13px;font-size:15px;position:relative}.roadmap-art i{font-family:var(--body);font-style:normal;font-size:10px;border:1px solid #68b2e0;color:#a9e0ff;border-radius:50%;height:34px;width:34px;display:grid;place-items:center;background:#0a2d53}.tendr-visual{background:#dcebf7;color:#163b61}.back-paper{background:#91b4d4}.paper-brand i{color:#1478ad}.doc-icon{background:#e6f2fc}.document-row{border-top-color:#dce5ec}.document-row small{color:#4e6780}.tender-paper{background:#fff;box-shadow:0 28px 55px #17436925}.client-work{padding-top:20px}.client-work .display{font-size:clamp(45px,5vw,78px)}.client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.client-preview{display:block;background:#e2ecf7;border:1px solid #d5e0ec;border-radius:16px;overflow:hidden;box-shadow:0 12px 24px #0a2f5510;transition:transform .25s,box-shadow .25s}.client-preview:hover{transform:translateY(-5px);box-shadow:0 18px 30px #0a2f5520}.client-browser{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:10px;color:#405774;background:#eef4fa;border-bottom:1px solid #d2dfec}.client-browser>span:first-child{font-size:6px;letter-spacing:2px;color:#6081a5}.client-browser>span:last-child{font-size:16px}.client-preview img{width:100%;height:auto;aspect-ratio:1440/1000;object-fit:cover;object-position:top}.client-meta{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:10px}.client-meta>span{font-size:10px;letter-spacing:.07em;color:#526b84}.client-meta>a{width:35px;height:35px;border:1px solid #b6c9db;border-radius:50%;display:grid;place-items:center;font-size:20px}.client-card h3{font-size:32px;letter-spacing:-.035em;margin-top:8px;font-weight:400}.client-card p{font-size:16px;color:#526078;margin-top:15px;line-height:1.55}.client-card .tags{margin-top:20px}.client-card .tags span{border-color:#b6c9db;font-size:11px}.consultation-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:65px;border-top:1px solid #c6d6e6;border-bottom:1px solid #c6d6e6;padding:35px 0}.consultation-strip h3{font-weight:400;font-size:34px;margin-top:14px;letter-spacing:-.035em}.consultation-strip p{font-size:16px;color:#526078;margin-top:12px}.consultation-strip .button{font-size:17px}.contact-panel{background:#dcefff}.contact-flower{animation:none;color:#0089ce;font-family:var(--body);font-size:90px}.contact-links{border-color:#8fb2d3}.contact .button.dark{color:white}.availability-note{background:#e4eff9;color:#284d6d!important}.menu nav a:hover{color:#027dab}.modal{background:#f8fafc;color:#061e49}.modal input,.modal select,.modal textarea{background:white;border-color:#b8cadc;color:#061e49}.modal-close{border-color:#bccddd}.footer-bottom{color:#526078}.footer-top nav{gap:25px}.contact-panel a:hover{color:#075e95}.tags span{border-color:#b0bfd0}
@keyframes packet{from{stroke-dashoffset:1760}to{stroke-dashoffset:0}}
@media(min-width:1700px){.hero-art.software-stage{height:560px;max-height:none}.window-platform .window-screen{height:385px}.window-screen{height:280px}.hero-art .window-screen img{margin:0}}
@media(max-width:1100px){.hero-art.software-stage{height:385px}.window-chrome{font-size:8px;padding-inline:9px}.window-dots{letter-spacing:1px}.window-screen{height:200px}.window-platform .window-screen{height:255px}.window-caption{padding:10px;font-size:9px;gap:6px}.window-caption strong{font-size:17px}.window-commerce{top:75px}.stage-caption{bottom:0}.client-grid{gap:20px}.client-card h3{font-size:29px}.client-browser{font-size:8px;gap:5px;padding-inline:9px}.interface-art{height:155px}.integration-art b{font-size:10px;padding-inline:5px}.roadmap-art>span{font-size:13px;gap:9px}.system-board{right:2%;width:65%}.system-node{width:180px;padding:14px}.system-node b{font-size:18px}.consultation-strip{align-items:flex-start}.consultation-strip .button{white-space:normal;max-width:230px}}
@media(max-width:760px){.header{padding-top:15px}.header .brand-image{width:177px}.header-actions{gap:8px}.menu .brand-image,.footer .brand-image{width:190px}.hero{padding-top:45px}.hero-art.software-stage{height:345px;width:100%;margin:0 0 5px;overflow:visible}.software-window.window-platform{left:7%;top:10px;width:86%;transform:rotate(-2deg)}.window-platform .window-screen{height:250px}.window-platform .window-caption strong{font-size:21px}.window-platform .window-caption{font-size:10px;padding:13px}.window-client,.window-commerce{display:none}.software-rails{inset:0 -10%;width:120%}.stage-caption{font-size:8px;bottom:0}.hero-caption{margin-top:17px}.hero-caption>p{font-size:27px}.hero-aside{padding-bottom:4px}.hero h1{margin-top:18px}.expertise-card{min-height:490px}.expertise-card p{margin-top:240px}.interface-art{position:absolute;top:226px;left:20%;width:64%;height:148px;margin:0}.integration-art{position:absolute;top:218px;left:10%;width:80%;margin:0;padding:0}.integration-art>span{font-size:15px;padding:10px 23px}.integration-art b{font-size:11px}.roadmap-art{position:absolute;top:218px;left:28px;right:28px;gap:13px;margin:0;padding:0}.roadmap-art>span{font-size:15px}.roadmap-art:before{top:25px;bottom:25px}.system-board{right:-7%;top:3%;width:87%;height:55%;transform:rotate(-8deg);opacity:.6}.system-node{width:147px;padding:12px}.system-node b{font-size:15px}.system-node span{font-size:7px}.node-one{left:0;top:10%}.node-two{right:1%;top:42%}.node-three{left:7%;bottom:-10%}.reel-bottom{gap:25px}.reel-bottom h2{font-size:53px}.reel-top .eyebrow{font-size:10px}.client-work{padding-top:0}.client-grid{grid-template-columns:1fr;gap:40px}.client-work .display{font-size:45px}.client-browser{font-size:11px;padding:11px 15px}.client-meta{margin-top:19px}.client-card h3{font-size:32px}.client-card .tags{margin-top:15px}.consultation-strip{flex-direction:column;margin-top:45px;padding-block:28px;gap:25px}.consultation-strip h3{font-size:30px}.consultation-strip .button{max-width:none;font-size:16px;white-space:nowrap}.contact h2{font-size:clamp(48px,14.8vw,58px)}.contact-flower{font-size:60px}.footer-top nav{gap:8px;flex-wrap:wrap;justify-content:flex-start}.footer-top nav a{padding:10px 8px 10px 0}.menu-body{margin-top:4vh;gap:28px}.menu nav a{font-size:31px;padding:15px 0}.menu-note>p{font-size:27px;margin-bottom:16px}.menu-note>span{margin-top:18px}.footer .brand-image{width:190px}.footer-top{gap:20px}}
@media(max-width:560px){.software-window.window-platform{left:0;width:100%}.window-platform .window-screen{height:222px}.hero-art.software-stage{height:330px}.window-platform .window-caption{font-size:9px}.header-actions{gap:7px}.header .brand-image{width:158px}.motion-control{width:24px}.hello{width:42px;min-width:42px;height:44px;min-height:44px}.menu-toggle{width:44px;height:44px}.hero-art .window-screen img{height:100%;object-fit:cover;object-position:top}.window-platform .window-caption strong{font-size:20px}.hero-caption>p{font-size:26px}}
@media(max-width:380px){.header .brand-image{width:166px}.hero-art.software-stage{height:291px}.window-platform .window-screen{height:188px}.window-caption span{font-size:8px}.window-platform .window-caption{padding:11px}.window-platform .window-caption strong{font-size:18px}.hero{padding-top:35px}.interface-art{top:230px;left:18%;width:66%}.expertise-card{min-height:510px}.roadmap-art>span{font-size:13px}.client-work .display{font-size:40px}.client-browser{font-size:9px}.consultation-strip .button{font-size:14px;gap:17px;padding-inline:17px}.contact .button{font-size:15px;gap:16px}.menu nav a{font-size:27px}.menu .brand-image{width:172px}}
@media(prefers-reduced-motion:reduce){.rail-packet{animation:none!important}.software-window{transition:none}}
.product-real-preview{width:79%;margin:10px auto 0;overflow:hidden;border:6px solid #f3f7fb;border-radius:16px;background:white;transform:rotate(-4deg);box-shadow:0 25px 65px #153c6933;transition:transform .4s}.product-real-preview img{width:100%;height:auto;display:block}.project-visual:hover .product-real-preview{transform:rotate(-2deg) translateY(-6px)}.project-hey{margin-top:75px}.hey-visual{background:#dfeee8;color:#153e32}.hey-visual .product-real-preview{border-color:#f5fbf8;box-shadow:0 25px 65px #194b3933;transform:rotate(3deg)}.hey-visual:hover .product-real-preview{transform:rotate(1deg) translateY(-6px)}.signal-visual{background:#0c3054;color:#e4f4ff}.signal-workspace{background:#f6faff;position:absolute;left:11%;right:11%;top:123px;border:1px solid #a7c3df;transform:rotate(-5deg);border-radius:15px;overflow:hidden;box-shadow:15px 20px 0 #071e3b40;color:#173d62}.workspace-top,.workspace-footer{display:flex;justify-content:space-between;align-items:center;padding:18px 23px;font-size:12px;background:#e0edf9}.workspace-top{font-family:var(--display);font-size:17px;border-bottom:1px solid #cbdcee}.workspace-module{display:flex;align-items:center;gap:18px;padding:21px 23px;border-bottom:1px solid #dbe6f1}.module-symbol{display:grid;place-items:center;width:33px;height:36px;background:#d6ecfb;border:1px solid #abcce3;border-radius:6px;font-size:11px;color:#225981;flex-shrink:0}.workspace-module strong{font-family:var(--display);font-size:21px;font-weight:400;display:block;line-height:1.2;letter-spacing:-.03em}.workspace-module div>span{display:block;font-size:11px;color:#566e87;margin-top:5px}.workspace-footer{font-size:11px;background:#f0f6fc}.workspace-footer>span{font-size:20px}.signal-visual:hover .signal-workspace{transform:rotate(-3deg)}
@media(max-width:1100px){.product-real-preview{width:87%;margin-top:20px}.signal-workspace{left:9%;right:9%;top:114px}.workspace-module{padding:17px;gap:12px}.workspace-module strong{font-size:19px}.workspace-top,.workspace-footer{padding:14px 17px}}
@media(max-width:760px){.product-real-preview{width:110%;margin:30px 0 0 7%;border-width:4px}.project-hey{margin-top:42px}.signal-workspace{left:10%;right:10%;top:104px}.workspace-module{padding:19px 17px}.workspace-module strong{font-size:20px}.workspace-module div>span{font-size:10px}}
@media(max-width:1000px){.footer-top{flex-wrap:wrap}.footer-top nav{order:3;width:100%;justify-content:space-between}.footer-top>.round-link{margin-left:auto}}
@media(max-width:760px){.system-board{opacity:.85}.system-node span{color:#c8eaff}.footer-top nav{justify-content:flex-start}}
.header{background:var(--paper)}
@media(min-width:1101px) and (max-width:1699px){.hero{padding-top:35px}.hero-art.software-stage{height:405px}.window-screen{height:215px}.window-platform .window-screen{height:265px}.window-commerce{top:80px}}
@media(max-width:760px){.stage-caption{display:none}}