:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0d1721;color:#e5edf0;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:76px;max-width:1260px;margin:auto;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #31414b}.wordmark{font-size:18px;font-weight:850;letter-spacing:.035em}.wordmark span{color:#76ddc1}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px;color:#9fb6bb}.site-header nav a:hover,.site-header nav a.active{color:#e5edf0}.nav-action{border:1px solid #3d555e;padding:10px 16px;border-radius:8px;color:#dce9e8!important}.nav-action:hover{border-color:#75ddc0}.home-hero,.termil-hero{max-width:1260px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding:100px 38px 105px;min-height:650px}.home-hero{background:radial-gradient(circle at 79% 35%,#2454483a,transparent 33%)}.termil-hero{padding-top:92px}.kicker{font-size:11px;font-weight:800;letter-spacing:.19em;color:#79ddc1;text-transform:uppercase;margin:0 0 27px}.signal{display:inline-block;width:8px;height:8px;border-radius:50%;background:#78dcc0;box-shadow:0 0 0 4px #78dcc022;margin-right:9px}.home-hero h1,.termil-hero h1{font-size:clamp(44px,5.5vw,77px);line-height:1.09;letter-spacing:-.065em;margin:0 0 25px;font-weight:760}.home-hero h1 em,.termil-hero h1 em{font-style:normal;color:#8ee0c4}.lead{max-width:550px;font-size:16px;line-height:1.9;color:#a5bac0;margin:0 0 31px}.primary-link{display:inline-flex;align-items:center;gap:26px;background:#7bddbd;color:#113127;font-size:13px;font-weight:800;padding:14px 18px;border-radius:9px;box-shadow:0 13px 30px #6adcb522}.primary-link:hover{background:#9be8cf}.primary-link span{font-size:17px}.text-link{font-size:13px;color:#acbfc3}.text-link:hover{color:#85ddc4}.hero-actions{display:flex;align-items:center;gap:27px}.hero-visual,.feature-terminal{background:#111f28;border:1px solid #3b5960;border-radius:16px;box-shadow:0 28px 65px #03080d91;overflow:hidden;transform:rotate(-2deg)}.feature-terminal{transform:none}.visual-top{height:48px;display:flex;align-items:center;gap:15px;padding:0 17px;background:#1c2b34;border-bottom:1px solid #334750;color:#a6bdc0;font-size:11px}.traffic{display:flex;gap:5px}.traffic i{display:block;width:7px;height:7px;background:#617780;border-radius:50%}.traffic i:first-child{background:#e58f7d}.traffic i:nth-child(2){background:#e7c474}.traffic i:nth-child(3){background:#83d3b0}.visual-status{margin-left:auto;color:#8bdbb8;font-size:10px}.visual-body{min-height:260px;padding:26px 28px;font:13px/1.9 SFMono-Regular,Menlo,Consolas,monospace;color:#d7e8e5}.visual-body p{margin:0 0 12px}.prompt{color:#76ddc1;padding-right:7px}.muted-line{color:#7f9ba0}.muted-line span,.ok{color:#86dcbf}.cursor{width:9px;height:17px;background:#88e2c4;margin-top:17px;animation:blink 1s steps(1) infinite}.cursor-inline{color:#88e2c4;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.visual-bottom{height:40px;display:flex;align-items:center;gap:18px;border-top:1px solid #30434d;padding:0 22px;color:#709299;font-size:9px;letter-spacing:.13em;font-weight:700}.projects,.features,.platforms{max-width:1260px;margin:auto;padding:95px 38px;border-top:1px solid #2a3d47}.section-intro{margin-bottom:34px}.section-intro .kicker{margin-bottom:12px}.section-intro h2{font-size:clamp(31px,3.7vw,49px);letter-spacing:-.045em;margin:0 0 10px}.section-intro p:last-child{color:#91aab0}.project-card{display:flex;align-items:center;gap:28px;background:#172833;border:1px solid #36505a;border-radius:14px;padding:35px;max-width:800px}.project-card:hover{border-color:#76ddc1;transform:translateY(-2px)}.project-icon,.termil-glyph{display:grid;place-items:center;background:#264a40;color:#8be1c5;border-radius:15px;width:65px;height:65px;font-size:41px;flex:none}.project-tag{font-size:10px;letter-spacing:.16em;color:#81d9be;font-weight:800;margin:0 0 6px}.project-card h3{font-size:28px;margin:0 0 6px}.project-card p:last-child{margin:0;color:#a2b9bd;font-size:13px;line-height:1.6}.card-arrow{font-size:28px;color:#89d9bf;margin-left:auto}.site-footer{max-width:1260px;margin:auto;min-height:85px;border-top:1px solid #2b3c46;padding:28px 38px;display:flex;justify-content:space-between;color:#789199;font-size:12px}.site-footer a:hover{color:#8ee0c4}.termil-name{display:flex;align-items:center;gap:12px;margin-bottom:22px;color:#91adad;font-size:12px;letter-spacing:.25em;font-weight:800}.termil-glyph{width:36px;height:36px;border-radius:9px;font-size:24px}.peer-line{color:#c6d8d8}.peer-line span:last-child{color:#7c999f;float:right}.peer-on{display:inline-block;width:7px;height:7px;background:#78dbb8;border-radius:50%;margin-right:11px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-grid article{padding:28px;background:#172833;border:1px solid #304851;border-radius:11px;min-height:235px}.feature-num{font:12px Menlo,monospace;color:#75dcbf}.feature-grid h3{font-size:19px;margin:30px 0 12px}.feature-grid p{font-size:13px;line-height:1.8;color:#a0b6bb;margin:0}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.platform-grid div{border:1px solid #38515a;border-radius:9px;padding:25px;display:flex;flex-direction:column;gap:12px}.platform-grid strong{font-size:18px}.platform-grid span{font-size:12px;color:#81c9b7}.closing{text-align:center;max-width:1260px;margin:0 auto;padding:95px 38px 120px;background:radial-gradient(ellipse at center,#25504450,transparent 57%)}.closing .kicker{margin-bottom:13px}.closing h2{font-size:clamp(36px,5vw,61px);letter-spacing:-.055em;margin:0 0 15px}.closing p:not(.kicker){color:#9fb6ba;font-size:15px;margin:0 0 28px}
@media(max-width:900px){.home-hero,.termil-hero{grid-template-columns:1fr;min-height:auto;padding-top:70px;padding-bottom:70px}.hero-visual,.feature-terminal{max-width:650px}.feature-grid,.platform-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.site-header{padding:0 18px;height:67px}.site-header nav{gap:12px;font-size:12px}.nav-action{padding:8px 10px}.home-hero,.termil-hero,.projects,.features,.platforms,.closing{padding-left:20px;padding-right:20px}.home-hero h1,.termil-hero h1{font-size:45px}.lead{font-size:14px}.hero-actions{gap:16px;flex-wrap:wrap}.feature-grid,.platform-grid{grid-template-columns:1fr}.feature-grid article{min-height:0}.project-card{padding:22px;gap:17px}.project-icon{width:50px;height:50px;font-size:30px}.card-arrow{font-size:19px}.visual-status{display:none}.site-footer{padding:28px 20px;gap:12px}}
.stack-visual{background:linear-gradient(145deg,#183238,#11212d);border:1px solid #3b5960;border-radius:16px;box-shadow:0 28px 65px #03080d91;padding:22px 25px;transform:rotate(-2deg)}.stack-label,.stack-footer,.panel-eyebrow{font:700 10px/1.5 SFMono-Regular,Menlo,monospace;letter-spacing:.13em;color:#86cdbb}.stack-label{padding-bottom:17px}.stack-row{display:flex;align-items:center;gap:17px;padding:25px 3px;border-top:1px solid #3b5660}.stack-number{font:11px SFMono-Regular,Menlo,monospace;color:#789aa0}.stack-row strong{font-size:20px}.stack-row>span:last-child{margin-left:auto;color:#8daab1;font-size:11px}.stack-footer{border-top:1px solid #3b5660;padding-top:17px;color:#6d9299}.project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.project-list .project-card{max-width:none;min-height:225px;align-items:flex-start;gap:17px;padding:27px}.project-list .project-card>div:nth-child(2){min-width:0}.project-list .project-card h3{font-size:23px}.project-list .project-card .card-arrow{font-size:20px}.project-list .project-icon,.product-monogram{font:800 17px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.04em}.work-icon{background:#3a3d68;color:#c9c7ff}.tidy-icon{background:#4a4730;color:#ead6a2}.product-hero{max-width:1260px;margin:auto;min-height:630px;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding:95px 38px}.product-hero h1{font-size:clamp(43px,5vw,70px);line-height:1.1;letter-spacing:-.06em;margin:0 0 25px}.product-hero h1 em{font-style:normal;color:#8ee0c4}.product-monogram{width:62px;height:62px;border-radius:15px;display:grid;place-items:center;margin-bottom:23px}.product-panel{background:linear-gradient(145deg,#272c4a,#172530);border:1px solid #555d7c;border-radius:18px;padding:42px;min-height:350px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 28px 65px #03080d66}.product-panel strong{font-size:clamp(30px,3.3vw,47px);line-height:1.12;letter-spacing:-.045em;margin:24px 0}.product-panel>span{font-size:12px;color:#c9c7e9}.product-panel p:last-child{color:#a6bac0;line-height:1.75;margin:0;font-size:13px}.tidy-panel{background:linear-gradient(145deg,#413b2d,#162c2e);border-color:#706748}.tidy-panel>span{color:#ebdcae}.panel-line{height:1px;background:#ffffff30;margin:35px 0 23px}.product-detail{max-width:1260px;margin:auto;padding:95px 38px;border-top:1px solid #2a3d47}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.detail-grid article{padding:29px;background:#172833;border:1px solid #304851;border-radius:11px;min-height:225px}.detail-grid h3{font-size:19px;margin:29px 0 12px}.detail-grid p{font-size:13px;line-height:1.8;color:#a0b6bb;margin:0}
@media(max-width:1000px){.project-list{grid-template-columns:1fr}.project-list .project-card{min-height:0}.product-hero{grid-template-columns:1fr;min-height:0}.product-panel{max-width:650px}.site-header nav{gap:16px}}
@media(max-width:600px){.site-header nav{gap:9px;font-size:10px}.site-header .wordmark{font-size:15px}.site-header .nav-action{display:none}.stack-visual{transform:none}.stack-row{gap:9px}.stack-row strong{font-size:15px}.stack-row>span:last-child{font-size:9px}.product-hero,.product-detail{padding:65px 20px}.product-hero h1{font-size:43px}.product-panel{min-height:270px;padding:28px}.detail-grid{grid-template-columns:1fr}.detail-grid article{min-height:0}.project-list .project-card{padding:22px}.project-list .project-icon{width:50px;height:50px}}
.portfolio{max-width:1260px;margin:auto;padding:95px 38px;border-top:1px solid #2a3d47}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.portfolio-card{display:flex;flex-direction:column;min-height:245px;padding:30px;background:#172833;border:1px solid #36505a;border-radius:14px;transition:border-color .15s,transform .15s}.portfolio-card:hover{border-color:#76ddc1;transform:translateY(-2px)}.portfolio-index{font:800 10px/1.5 SFMono-Regular,Menlo,monospace;letter-spacing:.13em;color:#81d9be}.portfolio-card strong{font-size:29px;letter-spacing:-.04em;margin:21px 0 9px}.portfolio-card p{color:#a2b9bd;font-size:13px;line-height:1.75;margin:0 0 24px;max-width:420px}.portfolio-destination{display:flex;justify-content:space-between;gap:16px;color:#8cdec2;font-size:12px;font-weight:700;margin-top:auto}.portfolio-destination span{font-size:18px}.image-icon{background:#3b3c60;color:#c7c4f3}.ottrx-icon{background:#294c62;color:#9ad4e9}.image-panel{background:linear-gradient(145deg,#2b2d50,#172530);border-color:#555d7c}.ottrx-panel{background:linear-gradient(145deg,#173c50,#172530);border-color:#40687c}
@media(max-width:600px){.portfolio{padding:65px 20px}.portfolio-grid{grid-template-columns:1fr}.portfolio-card{min-height:220px;padding:24px}.site-header nav{max-width:calc(100vw - 112px);overflow-x:auto;white-space:nowrap;scrollbar-width:none}.site-header nav::-webkit-scrollbar{display:none}}