@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');
:root{--bg:#f5f5f5;--ink:#111;--muted:#626262;--line:#d4d4d4;--grid:#ebebeb;--accent:#ff6a00;--green:#18884a;font-family:'Courier New',monospace;color:var(--ink);background:var(--bg);scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:25px 25px}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}p{line-height:1.65}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.page-width{width:min(1440px,calc(100% - 80px));margin:auto}.skip-link{position:fixed;z-index:300;left:16px;top:-60px;padding:10px 14px;background:var(--accent);color:#fff}.skip-link:focus{top:14px}section[id]{scroll-margin-top:95px}
.site-header{position:fixed;z-index:100;inset:0 0 auto;min-height:76px;border-bottom:1px solid #ffffff95;background:#ffffff91;backdrop-filter:blur(14px) saturate(140%);box-shadow:0 4px 20px #00000008}.header-inner{min-height:76px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:baseline;white-space:nowrap;font-family:'Courier New',monospace;font-size:24px;font-weight:700;letter-spacing:-.07em}.brand>span{color:var(--accent)}.brand small{margin-left:11px;font-size:10px;font-weight:400;letter-spacing:0;color:#555}.site-nav{display:flex;align-items:center;gap:26px;margin-left:auto}.site-nav a{font-size:13px;color:#4e4e4e}.site-nav a:hover,.text-link:hover,.site-footer a:hover{color:var(--accent)}.header-download{padding:9px 12px;border:1px solid var(--ink);white-space:nowrap;font-size:11px}.header-download:hover{border-color:var(--accent);background:var(--accent);color:#fff}.nav-toggle{display:none}main{padding-top:76px}
.section-shell{padding:70px 0 90px}.section-topline,.section-index,.tags,.tag,.card-number,.signal-strip,.gallery-caption-top,.gallery-tab,.download-meta,.checksum,.requirements dt,.site-footer{font-size:12px;letter-spacing:.025em}.section-topline{display:flex;justify-content:space-between;gap:12px;color:#777}.hero{padding-top:47px}.hero h1{font:400 clamp(62px,9vw,146px)/1.16 Michroma,'Courier New',monospace;letter-spacing:.035em;margin:55px 0 35px;white-space:nowrap}.hero h1 span{color:var(--accent)}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;padding:42px 55px 49px 0}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-flex;padding:5px 8px;background:var(--ink);color:#fff}.tag-orange{background:var(--accent)}.tag-green{background:var(--green)}.hero-copy h2{font-size:clamp(29px,3.2vw,45px);line-height:1.2;letter-spacing:-.055em;margin:25px 0 14px}.hero-copy p{max-width:620px;margin:0;color:#555;font-size:15px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:46px;padding:12px 16px;border:1px solid var(--ink);font-size:13px}.button-primary{background:var(--accent);border-color:var(--accent);color:#fff}.button-primary:hover{background:transparent;border-color:var(--ink);color:var(--ink)}.text-link{font-size:13px}.hero-art{position:relative;display:grid;place-items:center;min-height:360px;padding:25px;border-left:1px solid var(--line);background:#ffffffa8;overflow:hidden}.hero-art img{width:min(390px,72%);max-height:280px;object-fit:contain}.hero-art>span{position:absolute;left:18px;bottom:16px;font-size:11px;color:#777}
.signal-strip{border-block:1px solid var(--line);background:#ffffffb5}.signal-inner{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:17px 0;color:#595959}.signal-inner span:first-child{color:var(--accent)}.section-heading{display:grid;grid-template-columns:1.1fr .75fr;align-items:end;gap:50px;margin-bottom:30px}.section-index{display:block;color:var(--accent);font-weight:700}.section-heading h2{font-size:clamp(36px,5.5vw,73px);line-height:1.12;letter-spacing:-.065em;margin:18px 0 0}.section-heading h2 em{color:var(--accent);font-style:normal}.section-heading>p{color:#555;font-size:15px;max-width:520px;margin:0 0 5px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:1px;background:var(--line)}.feature-card{display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-height:235px;padding:24px;background:#ffffffad;backdrop-filter:blur(10px)}.feature-wide{grid-column:span 2;background:#fff}.feature-card h3{font-size:25px;line-height:1.2;letter-spacing:-.04em;margin:18px 0 10px}.feature-card p{max-width:680px;margin:0;color:var(--muted);font-size:14px}.card-number{color:#777}.feature-wide .card-number{color:var(--accent)}
.gallery-section{padding:80px 0 95px;border-block:1px solid var(--line);background:#efefed}.gallery-frame{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.65fr);border:1px solid var(--line);background:#fff;min-height:520px}.gallery-visual{position:relative;display:grid;place-items:center;min-width:0;padding:27px;background:#eceef0;overflow:hidden}.gallery-visual img{width:100%;height:auto;max-height:540px;object-fit:contain;border:1px solid #bcc1c7;box-shadow:0 16px 38px #141b2320}.expand-button{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:38px;height:38px;border:0;background:var(--accent);color:#fff;font-size:20px}.expand-button:hover{background:#111}.gallery-caption{display:flex;flex-direction:column;gap:28px;padding:23px;border-left:1px solid var(--line)}.gallery-caption-top{display:flex;justify-content:space-between;gap:12px;color:var(--accent)}.gallery-caption h3{font-size:30px;letter-spacing:-.045em;margin:30px 0 12px}.gallery-caption p{color:#5b5b5b;font-size:14px;margin:0}.gallery-controls{display:flex;gap:7px}.gallery-controls button{width:42px;height:42px;border:1px solid var(--ink);background:transparent;font-size:21px}.gallery-controls button:hover{background:var(--accent);border-color:var(--accent);color:#fff}.gallery-tabs{margin-top:auto;border-top:1px solid var(--line)}.gallery-tab{display:flex;align-items:center;gap:14px;width:100%;padding:13px 9px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;color:#777}.gallery-tab span{font-size:13px;color:#333}.gallery-tab:hover,.gallery-tab.is-active{background:#f3f3f1;color:var(--accent)}.gallery-tab.is-active{box-shadow:inset 3px 0 var(--accent);padding-left:13px}
.motion-section{padding-bottom:100px}.motion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px;background:var(--line)}.motion-card{background:#ffffffc7;min-width:0}.motion-image{padding:18px 18px 0}.motion-image img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid #ccc;background:#dfe1e4}.motion-copy{padding:20px 22px 26px;min-height:175px}.motion-copy h3{font-size:23px;letter-spacing:-.035em;margin:12px 0 9px}.motion-copy p{margin:0;max-width:560px;color:#5e5e5e;font-size:14px}
.download-section{padding:86px 0 95px;border-top:1px solid var(--line);background:linear-gradient(#ffffff93,#ffffff93),linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:auto,25px 25px,25px 25px}.download-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:1px;padding:1px;background:var(--line)}.download-card,.download-aside{background:#fff;padding:28px}.download-card h3{font-size:clamp(31px,3.4vw,48px);letter-spacing:-.06em;margin:29px 0 15px}.download-card>p{max-width:720px;color:#555;font-size:15px;margin:0 0 30px}.download-button{min-width:245px}.download-meta{display:flex;gap:25px;margin-top:22px;color:#666}.checksum{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:28px;padding-top:14px;border-top:1px solid var(--line);color:#666}.checksum code{overflow-wrap:anywhere;font-size:11px;color:#222}.checksum button{padding:8px 10px;border:1px solid var(--line);background:#fff;font-size:11px}.checksum button:hover{border-color:var(--accent);color:var(--accent)}.download-aside{display:flex;flex-direction:column;gap:34px}.warning-card{border-left:3px solid var(--accent);padding-left:16px}.warning-card h3{font-size:24px;letter-spacing:-.04em;line-height:1.2;margin:15px 0 10px}.warning-card p,.install-steps li{font-size:13px;color:#555}.warning-card p{margin:0}.install-steps{border-top:1px solid var(--line);padding-top:10px}.install-steps h3{font-size:18px;margin:10px 0}.install-steps ol{padding-left:23px;margin:10px 0}.install-steps li{padding:5px 0 5px 3px;line-height:1.5}.requirements{display:grid;grid-template-columns:.65fr 1.35fr;gap:40px;margin-top:24px;padding:27px;border:1px solid var(--line);background:#fff}.requirements h3{font-size:31px;letter-spacing:-.04em;margin:14px 0 0}.requirements dl{margin:0}.requirements dl div{display:grid;grid-template-columns:180px 1fr;gap:15px;padding:11px 0;border-bottom:1px solid var(--line)}.requirements dl div:last-child{border:0}.requirements dt{color:#777}.requirements dd{margin:0;font-size:13px;line-height:1.5}
.site-footer{background:#191919;color:#f5f5f5}.footer-inner{display:flex;align-items:center;gap:20px;min-height:105px}.site-footer .brand{font-size:20px}.site-footer .brand small{color:#aaa}.site-footer p{margin-left:auto;color:#aaa}.lightbox{position:relative;max-width:min(95vw,1600px);max-height:95vh;padding:45px 16px 16px;border:1px solid #888;background:#181818;color:#fff}.lightbox::backdrop{background:#000d}.lightbox img{max-width:calc(95vw - 34px);max-height:calc(95vh - 65px);object-fit:contain}.lightbox button{position:absolute;right:12px;top:4px;border:0;background:transparent;color:#fff;font-size:30px}
@media(max-width:1100px){.page-width{width:min(100% - 48px,1440px)}.site-nav{gap:13px}.hero h1{font-size:clamp(58px,9vw,112px)}.gallery-frame{grid-template-columns:1fr}.gallery-caption{border-left:0;border-top:1px solid var(--line)}.gallery-caption h3{margin:6px 0 10px}.gallery-tabs{display:grid;grid-template-columns:repeat(4,1fr)}.gallery-tab{font-size:11px;gap:6px}.gallery-tab span{font-size:11px}.gallery-visual img{max-height:620px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-wide{grid-column:span 2}}
@media(max-width:760px){.page-width{width:calc(100% - 32px)}.header-inner{min-height:65px}.site-header{min-height:65px}main{padding-top:65px}.brand{font-size:21px}.brand small{font-size:8px}.header-download{display:none}.nav-toggle{display:grid;gap:5px;margin-left:auto;padding:9px;border:0;background:transparent}.nav-toggle span{width:24px;height:2px;background:#111}.site-nav{display:none;position:absolute;top:65px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 15px;border-bottom:1px solid var(--line);background:#f7f7f7f5}.site-nav.is-open{display:flex}.site-nav a{padding:11px 5px}.section-shell,.gallery-section,.download-section{padding:63px 0 73px}.hero{padding-top:30px}.hero h1{font-size:clamp(43px,9vw,68px);letter-spacing:.01em;margin:43px 0 26px}.hero-bottom,.section-heading,.download-layout,.requirements{grid-template-columns:1fr}.hero-copy{padding:30px 0}.hero-art{border-left:0;border-top:1px solid var(--line);min-height:260px}.section-heading{gap:19px}.section-heading h2{font-size:clamp(36px,8vw,58px)}.section-heading>p{max-width:none}.signal-inner{justify-content:flex-start}.feature-card{min-height:225px}.motion-grid{grid-template-columns:1fr}.requirements{gap:18px}.footer-inner{flex-wrap:wrap;padding:24px 0}.site-footer p{margin-left:0}.footer-inner a:last-child{margin-left:auto}}
@media(max-width:520px){.hero h1{font-size:clamp(34px,9vw,46px)}.hero-copy h2{font-size:30px}.hero-copy p,.section-heading>p{font-size:14px}.feature-grid{grid-template-columns:1fr}.feature-wide{grid-column:auto}.feature-card{min-height:195px}.gallery-visual{padding:12px}.gallery-caption{padding:18px}.gallery-tabs{display:flex;overflow-x:auto}.gallery-tab{min-width:135px}.motion-copy{min-height:0}.checksum{grid-template-columns:1fr}.checksum button{justify-self:start}.requirements dl div{grid-template-columns:1fr;gap:4px}.download-card,.download-aside{padding:22px}.section-topline{font-size:10px}.section-topline span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}

/* Align the presentation with the original NoNTec page. */
:root{
  font-family:"Courier New",monospace;
  --bg:#f5f5f5;
  --grid:#ebebeb;
  --line:#d4d4d4;
  --accent:#ff6a00;
}
body{overflow-x:clip}
.page-width{max-width:calc(100% - 80px)}
.site-header{
  background:transparent;
  border-bottom-color:transparent;
  box-shadow:none;
  transition:background .3s ease,box-shadow .3s ease;
}
.site-header.scrolled{
  background:rgba(255,255,255,.6);
  border-bottom-color:rgba(255,255,255,.6);
  box-shadow:0 4px 20px rgba(0,0,0,.05);
}
.brand{letter-spacing:normal;font-weight:400}
.brand small{font-size:14px;color:var(--ink)}
.hero{padding-top:53px}
.hero h1{
  font-family:Michroma,Arial,sans-serif;
  font-size:clamp(42px,7vw,90px);
  letter-spacing:6px;
  font-weight:400;
  text-shadow:0 0 1px rgba(0,0,0,.3);
}
.hero-copy h2,.feature-card h3,.motion-copy h3,.download-card h3,.requirements h3{
  letter-spacing:normal;
}
.section-shell,.gallery-section,.download-section{padding-block:56px}
.section-heading{display:block;margin-bottom:24px}
.section-heading h2{
  font-family:"Courier New",monospace;
  font-size:clamp(25px,3vw,36px);
  line-height:1.25;
  letter-spacing:normal;
  margin:14px 0;
}
.section-heading h2 em{color:inherit}
.section-heading>p{max-width:800px;margin:0;font-size:14px}
.feature-card{padding:20px;min-height:180px}
.feature-card h3{font-size:20px;margin:9px 0}
.gallery-section{background:linear-gradient(#ffffff26,#ffffff59)}
.gallery-frame{background:rgba(255,255,255,.55)}
.gallery-caption{background:rgba(255,255,255,.6)}
.gallery-caption h3{font-size:24px;letter-spacing:normal}
.motion-copy h3{font-size:20px}
.hero-art{
  background:#101a1a;
  border:1px solid var(--line);
  border-left:0;
}
.hero-art img{
  width:min(440px,90%);
  max-height:320px;
  filter:drop-shadow(0 0 12px rgba(39,226,168,.2));
}
.hero-art>span{color:#ccd8d4}
.gallery-frame,.gallery-caption,.gallery-tabs,.gallery-visual,.download-layout,.download-card,.download-aside{
  min-width:0;
}
.gallery-visual{grid-template-columns:minmax(0,1fr)}
.gallery-visual img{min-width:0}
@media(min-width:761px) and (max-width:1100px){.page-width{max-width:calc(100% - 48px)}}
@media(max-width:1100px){
  .gallery-frame{grid-template-columns:minmax(0,1fr)}
  .gallery-caption{overflow:hidden}
  .gallery-tabs{min-width:0}
}
@media(max-width:760px){
  .page-width{width:calc(100% - 32px);max-width:calc(100% - 32px)}
  .site-header{background:rgba(245,245,245,.94)}
  .brand small{font-size:11px}
  .hero{padding-top:36px}
  .hero h1{font-size:clamp(25px,7.3vw,52px);letter-spacing:.025em;white-space:normal;overflow-wrap:anywhere}
  .hero-art{border-left:1px solid var(--line);min-height:250px}
  .hero-art img{width:min(340px,90%);max-height:220px}
  .section-shell,.gallery-section,.download-section{padding-block:40px}
  .section-heading h2{font-size:clamp(24px,6vw,34px)}
  .gallery-frame,.download-layout,.requirements{grid-template-columns:minmax(0,1fr)}
  .gallery-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
  .gallery-tab{min-width:0;width:100%;max-width:100%;overflow-wrap:anywhere}
  .gallery-tab span{min-width:0;overflow-wrap:anywhere}
  .gallery-caption-top{flex-wrap:wrap}
  .gallery-visual{min-height:0}
  .gallery-visual img{max-width:100%;height:auto}
  .download-card,.download-aside{min-width:0}
}
@media(max-width:520px){
  .brand{font-size:18px}
  .brand small{font-size:10px}
  .hero h1{font-size:clamp(25px,7.6vw,40px)}
  .gallery-tab{font-size:11px;gap:6px;padding:10px 7px}
  .gallery-tab span{font-size:11px}
  .gallery-tab.is-active{padding-left:10px}
  .gallery-caption{padding:15px}
  .gallery-caption h3{font-size:21px}
}