:root{--blue:#0b4dbb;--cyan:#10bfe8;--navy:#061a38;--ink:#102033;--muted:#5f6b7a;--bg:#f7fbff;--card:#fff;--line:#d9e7f5}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,92%);margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--navy);letter-spacing:.4px}.brand img{width:48px;height:48px;border-radius:50%;object-fit:cover}.menu{display:flex;gap:22px;align-items:center;font-weight:600;font-size:15px}.menu a:hover{color:var(--blue)}.cta{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;padding:11px 18px;border-radius:999px;box-shadow:0 8px 24px rgba(11,77,187,.18)}
.hero{min-height:620px;display:grid;place-items:center;background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.78)),url('assets/banner-teksvia.png') center/cover no-repeat;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:44px}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:7px 12px;background:#eaf6ff;border:1px solid #cde9ff;color:#0755a8;border-radius:999px;font-weight:700;font-size:14px}.hero h1{font-size:clamp(48px,7vw,86px);line-height:.95;margin:20px 0 18px;color:var(--navy);letter-spacing:-2px}.hero h1 span{background:linear-gradient(135deg,var(--blue),var(--cyan));-webkit-background-clip:text;color:transparent}.hero p{font-size:20px;color:#405267;max-width:660px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{padding:13px 20px;border-radius:12px;font-weight:750;border:1px solid var(--line);background:#fff}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;border:0}.hero-card{background:rgba(255,255,255,.88);border:1px solid #cfe5f5;border-radius:28px;padding:24px;box-shadow:0 24px 60px rgba(5,50,100,.12)}.hero-card img{width:100%;border-radius:22px;display:block}.pillrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.pill{font-size:13px;font-weight:700;color:#0755a8;background:#ecf8ff;padding:7px 10px;border-radius:999px}
section{padding:78px 0}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:28px}.section-head h2{font-size:38px;margin:0;color:var(--navy)}.section-head p{max-width:620px;color:var(--muted);margin:0}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 8px 30px rgba(5,50,100,.05)}.icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#e8f4ff,#defaff);color:var(--blue);font-size:25px;font-weight:900}.card h3{margin:16px 0 8px;color:var(--navy)}.card p{color:var(--muted);margin:0}.feature{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.feature img{width:100%;border-radius:24px;border:1px solid var(--line);box-shadow:0 20px 60px rgba(6,26,56,.12)}.kicker{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);font-weight:800}.feature h2{font-size:42px;line-height:1.08;margin:10px 0 18px;color:var(--navy)}.list{display:grid;gap:12px;margin:22px 0}.list div{display:flex;gap:12px;align-items:flex-start}.dot{min-width:24px;height:24px;border-radius:50%;background:#dff7ff;color:var(--blue);display:grid;place-items:center;font-weight:900}
.newsletter{background:linear-gradient(135deg,#06204a,#0b4dbb 65%,#10bfe8);color:white;border-radius:28px;padding:42px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.newsletter h3{font-size:32px;margin:0 0 8px}.newsletter p{margin:0;color:#dcecff}.newsletter .btn{background:#fff;color:#0b4dbb;border:0}
footer{background:#05162e;color:#d5e5f5;padding:48px 0 28px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px}.footer-brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:800;font-size:20px}.footer-brand img{width:48px;border-radius:50%}footer h4{color:#fff;margin-top:0}footer a{display:block;color:#c0d5e8;margin:7px 0}.legal{border-top:1px solid #16345d;margin-top:34px;padding-top:18px;color:#89a7c2;font-size:13px}
.page-hero{padding:74px 0 48px;background:linear-gradient(135deg,#eef8ff,#fff)}.page-hero h1{font-size:52px;margin:0 0 12px;color:var(--navy)}.page-hero p{color:var(--muted);max-width:760px;font-size:18px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tag{display:inline-block;font-size:12px;font-weight:800;color:var(--blue);background:#eaf6ff;padding:6px 9px;border-radius:999px;margin-bottom:12px}.muted{color:var(--muted)}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:28px}.contact-box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px}.contact-box input,.contact-box textarea{width:100%;padding:13px 14px;border:1px solid #cadced;border-radius:10px;margin-top:8px;font:inherit}.contact-box textarea{min-height:140px}.contact-box button{margin-top:12px;cursor:pointer}
@media(max-width:900px){.menu{display:none}.hero{min-height:auto;padding:70px 0}.hero-grid,.feature,.footer-grid,.newsletter,.contact{grid-template-columns:1fr}.hero-card{max-width:620px}.grid4,.article-grid{grid-template-columns:repeat(2,1fr)}.newsletter{padding:30px}.page-hero h1{font-size:42px}}
@media(max-width:560px){.grid4,.article-grid{grid-template-columns:1fr}.hero h1{font-size:52px}.hero p{font-size:18px}.section-head{display:block}.section-head h2{font-size:32px}.feature h2{font-size:34px}}

.footer-grid span.muted{display:block;margin:.35rem 0;color:var(--muted);font-size:.95rem}.contact-box a{word-break:break-word}

.social-icons{display:flex;gap:10px;margin-top:18px}.social{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center!important;margin:0!important;background:#0b4dbb;color:#fff!important;font-weight:900;font-size:18px;box-shadow:0 6px 18px rgba(0,0,0,.18)}.social.facebook{background:#1877f2}.social.youtube{background:#ff0033}.social.tiktok{background:#1b2a41}.social.disabled{opacity:.55;cursor:default}.social span{line-height:1}.footer-grid .muted{color:#89a7c2!important}