
:root{--navy:#102e53;--blue:#1167bb;--cyan:#48a9ec;--ink:#17314e;--muted:#58708a;--line:#dbe7f1;--bg:#f3f7fb;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--blue)}a:hover{text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #ffae32;outline-offset:3px}.container{max-width:1160px;margin:auto;padding:0 24px}.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:20px}.brand{font-size:30px;font-weight:850;letter-spacing:-1.7px;color:var(--navy);text-decoration:none}.brand span{color:var(--blue)}.navlinks{display:flex;gap:22px;align-items:center}.navlinks a{color:#244563;text-decoration:none;font-weight:650;font-size:14px}.navlinks a[aria-current=page]{color:var(--blue)}.menu{display:none;border:1px solid var(--line);background:white;padding:8px 12px;border-radius:8px;font-size:20px}.hero{background:linear-gradient(115deg,rgba(9,39,76,.97),rgba(17,77,131,.91)),radial-gradient(circle at 80% 10%,#5c95c5,transparent 50%);color:white;padding:86px 0 94px}.hero-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:58px;align-items:center}.eyebrow{color:#a8d8ff;text-transform:uppercase;letter-spacing:.13em;font-size:13px;font-weight:800}.hero h1{font-size:clamp(42px,6vw,74px);line-height:1.05;letter-spacing:-.045em;margin:12px 0 20px}.hero p{font-size:19px;color:#d8e7f5;max-width:520px}.btn{display:inline-block;border-radius:9px;background:#1682da;color:white;text-decoration:none;padding:13px 22px;font-weight:750;box-shadow:0 7px 18px #001b3c28}.btn:hover{background:#0a64b0}.btn.light{background:white;color:var(--navy)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.screen{background:#101b29;border:10px solid #14273b;border-radius:16px;box-shadow:0 24px 48px #00152977;overflow:hidden;transform:perspective(1200px) rotateY(-5deg)}.screen img{display:block;width:100%;height:auto}.screen-note{font-size:12px;color:#d1e5f4;text-align:center;margin-top:12px}.section{padding:70px 0}.section h2{font-size:clamp(28px,3.2vw,42px);letter-spacing:-.035em;line-height:1.2;margin:0 0 14px}.lead{font-size:18px;color:var(--muted);max-width:770px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:0 8px 28px #193b5610}.card h3{margin:0 0 9px;font-size:20px}.card p{color:var(--muted);margin:0}.notice{background:#e8f2fb;border-left:5px solid var(--blue);padding:23px 26px;border-radius:10px;margin:30px 0}.notice p{margin:6px 0 0}.inner-hero{background:linear-gradient(120deg,#102e53,#195e99);color:white;padding:56px 0}.inner-hero h1{font-size:clamp(35px,5vw,54px);margin:0 0 8px;line-height:1.15}.inner-hero p{color:#e0edfa;max-width:750px;margin:0}.content{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px;margin:26px 0}.content h2{margin:0 0 15px}.content h3{margin:24px 0 8px}.content ul{padding-left:22px}.content li{margin:6px 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.download-item{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.download-item:last-child{border-bottom:0}.download-item a{font-weight:750;white-space:nowrap}.muted{color:var(--muted)}.footer{background:#102e53;color:#d6e6f3;padding:40px 0}.footer a{color:#d6e6f3}.footrow{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footlinks{display:flex;gap:18px;flex-wrap:wrap}.small{font-size:13px}.kicker{font-size:13px;color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.12em}.photo{width:100%;border:1px solid var(--line);border-radius:12px;display:block}.banner{padding:24px 0;background:#e4f0fa}.banner .container{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}@media(max-width:800px){.menu{display:block}.navlinks{display:none;position:absolute;top:79px;left:0;right:0;background:white;padding:18px 24px;box-shadow:0 10px 15px #1234}.navlinks.open{display:flex;flex-direction:column;align-items:flex-start}.hero-grid,.grid2{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.hero{padding:55px 0}.screen{transform:none}.section{padding:48px 0}.download-item{align-items:flex-start;flex-direction:column}.content{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Original UNILET logo */
.brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:1}
.brand img{display:block;width:116px;height:auto;max-height:65px;object-fit:contain}
.footer-logo{display:block;width:112px;height:auto;background:#fff;padding:5px;border-radius:4px;margin-bottom:8px}
@media(max-width:450px){.brand img{width:95px}.nav{gap:8px}}
