:root{--bg:#fff;--panel:#efefef;--panel2:#f5f5f4;--ink:#0a0a0a;--mut:#5f5f5f;--line:#dcdcdc;--d:"Archivo",Helvetica,Arial,sans-serif;--b:"Inter",Helvetica,Arial,sans-serif;--m:"IBM Plex Mono",ui-monospace,monospace}*{box-sizing:border-box;margin:0}body{font-family:var(--b);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.55}a{color:inherit;text-decoration:none}img{filter:grayscale()contrast(1.05)}.wrap{max-width:1180px;margin:0 auto;padding:0 40px}.mono{font-family:var(--m);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);font-size:10.5px}.btn{border:1px solid var(--ink);font-family:var(--b);background:0 0;border-radius:999px;padding:11px 26px;font-size:14px;font-weight:500;display:inline-block}.btn:hover{background:var(--ink);color:#fff}.btn.solid{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.solid:hover{background:#333}.dk{display:inline}.mb{display:none}.util{justify-content:space-between;align-items:center;padding:26px 0 40px;display:flex}.util .grp{align-items:center;gap:26px;display:flex}.util a{color:var(--ink);place-items:center;display:grid}.util a:hover{opacity:.55}.lockup{grid-template-columns:auto 1fr;align-items:flex-end;gap:40px;padding-bottom:8px;display:grid;position:relative}.mark{z-index:2;position:relative}.mark .the{font-family:var(--d);letter-spacing:-.03em;font-size:clamp(34px,5.4vw,66px);font-weight:400;line-height:.9}.mark .name{font-family:var(--d);letter-spacing:-.045em;margin-top:2px;font-size:clamp(52px,10.6vw,132px);font-weight:700;line-height:.86}.splash{z-index:1;pointer-events:none;position:absolute}.splash.a{width:min(16vw,150px);top:-26px;left:44%}.splash.b{width:min(9vw,86px);top:98px;left:62.5%}.splash img{aspect-ratio:1;object-fit:cover;border-radius:50%;width:100%;display:block}.splash.b img{object-fit:cover;filter:none}.claim{font-family:var(--d);letter-spacing:-.012em;z-index:2;align-self:center;padding-bottom:18px;font-size:clamp(16px,1.85vw,23px);font-weight:500;line-height:1.3;position:relative}.claim i{font-style:italic;font-weight:400}.pipes{font-family:var(--d);align-items:center;padding:34px 0 40px;font-size:clamp(15px,1.5vw,19px);font-weight:500;display:flex}.pipes a{border-left:1px solid var(--line);padding:0 26px}.pipes a:first-child{border-left:0;padding-left:0}.pipes a:hover{opacity:.5}.ihead{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#fffffff0;position:sticky;top:0}.iheadin{justify-content:space-between;align-items:center;gap:24px;max-width:1180px;margin:0 auto;padding:18px 40px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand b{font-family:var(--d);letter-spacing:-.03em;font-size:17px;font-weight:700}.brand small{font-family:var(--m);letter-spacing:.2em;text-transform:uppercase;color:var(--mut);font-size:8.5px;line-height:1;display:block}.imenu{font-family:var(--d);align-items:center;font-size:15px;font-weight:500;display:flex}.imenu a{border-left:1px solid var(--line);padding:0 18px}.imenu a:first-child{border-left:0}.imenu a:hover{opacity:.5}.homekat{padding:46px 0}.homekat .cgrid{grid-template-columns:repeat(3,1fr)}.banner{background:var(--panel);border-radius:10px;grid-template-columns:1fr 1.05fr;align-items:center;gap:20px;min-height:300px;display:grid;overflow:hidden}.banner .txt{padding:52px 0 52px 52px}.banner h2{font-family:var(--d);letter-spacing:-.025em;font-size:clamp(22px,2.9vw,34px);font-weight:700;line-height:1.1}.banner p{color:#2e2e2e;max-width:360px;margin:16px 0 26px;font-size:14.5px}.banner .fig{align-self:stretch;position:relative}.banner .fig img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.duo{grid-template-columns:1fr 1fr 1.15fr;align-items:center;gap:20px;padding:56px 0 10px;display:grid}.duo .sq{background:var(--panel);aspect-ratio:1;border-radius:10px;overflow:hidden}.duo .sq img{object-fit:cover;width:100%;height:100%}.duo .txt{padding-left:22px}.duo h2{font-family:var(--d);letter-spacing:-.03em;font-size:clamp(24px,3.1vw,36px);font-weight:700;line-height:1.05}.duo p{color:#2e2e2e;max-width:420px;margin:18px 0 28px;font-size:14.5px}.phead{padding:52px 0 34px}.phead h1{font-family:var(--d);letter-spacing:-.035em;text-transform:uppercase;margin:12px 0 14px;font-size:clamp(28px,4.4vw,54px);font-weight:700;line-height:1.02}.phead p{max-width:620px;color:var(--mut);font-size:14.5px}h2.sec{font-family:var(--d);letter-spacing:-.03em;text-transform:uppercase;font-size:clamp(22px,3vw,36px);font-weight:700;line-height:1.05}.catalog{grid-template-columns:230px 1fr;align-items:start;gap:40px;padding-bottom:70px;display:grid}.catalog>*{min-width:0}.cside{position:sticky;top:90px}.clabel{font-family:var(--m);letter-spacing:.16em;text-transform:uppercase;color:var(--mut);margin-bottom:14px;font-size:10.5px}.csearch{margin-bottom:16px;display:block;position:relative}.csearch svg{opacity:.45;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.csearch input{border:1px solid var(--line);width:100%;font-family:var(--b);color:var(--ink);background:#fff;border-radius:999px;outline:none;padding:10px 14px 10px 38px;font-size:13.5px}.csearch input:focus{border-color:var(--ink)}.cbtn{text-align:left;cursor:pointer;width:100%;font-family:var(--b);color:var(--ink);background:0 0;border:0;border-radius:8px;margin-bottom:2px;padding:9px 14px;font-size:14px;font-weight:500;display:block}.cbtn:hover{background:var(--panel2)}.cbtn.on{background:var(--ink);color:#fff}.ccount{font-family:var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-bottom:18px;font-size:10.5px}.ccount b{color:var(--ink)}.cgrid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.pc{background:var(--panel);border-radius:14px;flex-direction:column;padding:14px;transition:all .2s;display:flex}.pc:hover{background:#e6e6e4}.pc .chips{flex-wrap:wrap;align-content:flex-start;gap:5px;min-height:52px;margin-bottom:12px;display:flex}.pc .chip{font-family:var(--m);letter-spacing:.08em;text-transform:uppercase;color:#5a5a5a;background:#fff;border-radius:999px;padding:4px 9px;font-size:8.5px}.pc .ph{aspect-ratio:1;background:#dededc;border-radius:10px;overflow:hidden}.pc .ph img{object-fit:cover;width:100%;height:100%;transition:all .4s}.pc:hover .ph img{transform:scale(1.03)}.pc h3{font-family:var(--d);letter-spacing:-.02em;margin:16px 0 0;font-size:19px;font-weight:700}.pc .cat{font-family:var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-top:5px;font-size:9px}.pc p{color:var(--mut);-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:4.5em;margin:10px 0 16px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.pc .more{background:var(--ink);color:#fff;font-family:var(--m);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:11px 18px;font-size:10px;display:flex}.pc:hover .more{background:#333}.cempty{border:1px dashed var(--line);text-align:center;color:var(--mut);border-radius:14px;padding:40px;font-size:14px}.cempty a{border-bottom:1px solid var(--ink);color:var(--ink)}.detail{grid-template-columns:.85fr 1.15fr;align-items:start;gap:44px;padding:6px 0 60px;display:grid}.dphoto{aspect-ratio:4/5;background:var(--panel);border-radius:14px;position:relative;overflow:hidden}.dphoto img{object-fit:cover;width:100%;height:100%}.dchips{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.dchip{background:var(--panel);font-family:var(--m);letter-spacing:.1em;text-transform:uppercase;color:#4a4a4a;border-radius:999px;padding:5px 11px;font-size:9px}.dbody h1{font-family:var(--d);letter-spacing:-.04em;text-transform:uppercase;margin:10px 0 14px;font-size:clamp(30px,4.6vw,56px);font-weight:700;line-height:.98}.dbody .lead{color:#2e2e2e;max-width:560px;font-size:15px}.dbody h2{font-family:var(--d);text-transform:uppercase;letter-spacing:.02em;margin:34px 0 12px;font-size:15px;font-weight:700}.dlist{list-style:none}.dlist li{border-top:1px solid var(--line);padding:12px 0;font-size:14px}.dlist b{font-weight:600}.dlist span{color:var(--mut)}.facts{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px;display:grid}.fact{background:var(--panel);border-radius:10px;padding:16px 18px}.fact span{font-family:var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);font-size:9px;display:block}.fact b{font-family:var(--d);letter-spacing:-.01em;font-size:15px;font-weight:600}.notebox{border:1px solid var(--ink);border-radius:10px;margin-top:28px;padding:18px 22px;font-size:13px;line-height:1.65}.notebox b{font-family:var(--d);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:10.5px;display:block}.labbox{background:var(--panel);border-radius:10px;margin-top:28px;padding:18px 22px;font-size:13px;line-height:1.65}.labbox b{font-family:var(--d);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:10.5px;display:block}.labbox strong{font-weight:600}.posts{grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:70px;display:grid}.post{background:var(--panel);border-radius:14px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.post:hover{background:#e6e6e4}.post .ph{aspect-ratio:16/10;background:#dededc;overflow:hidden}.post .ph img{object-fit:cover;width:100%;height:100%;transition:all .4s}.post:hover .ph img{transform:scale(1.03)}.post .bd{flex-direction:column;flex:1;gap:8px;padding:18px 20px 22px;display:flex}.post h3{font-family:var(--d);letter-spacing:-.02em;font-size:17px;font-weight:700;line-height:1.2}.post p{color:var(--mut);flex:1;font-size:12.5px}.article{max-width:700px;margin:0 auto;padding:6px 0 60px}.article h1{font-family:var(--d);letter-spacing:-.035em;margin:12px 0 20px;font-size:clamp(28px,4vw,46px);font-weight:700;line-height:1.02}.article .hero-img{aspect-ratio:16/9;background:var(--panel);border-radius:14px;margin-bottom:32px;overflow:hidden}.article .hero-img img{object-fit:cover;width:100%;height:100%}.article h2{font-family:var(--d);letter-spacing:-.02em;margin:34px 0 12px;font-size:20px;font-weight:700}.article p{color:#242424;margin-bottom:16px;font-size:16px;line-height:1.75}.faq{max-width:760px;margin:0 auto;padding-bottom:70px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-family:var(--d);letter-spacing:-.015em;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-size:16.5px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--m);color:var(--mut);flex:none;font-size:17px}.faq details[open] summary:after{content:"–"}.faq .a{color:var(--mut);max-width:620px;padding:0 0 22px;font-size:14.5px}.price-preview{grid-template-columns:1fr 1fr;gap:14px;padding:10px 0 40px;display:grid}.price-section{border-top:1px solid var(--ink);padding-top:16px}.price-section h2{font-family:var(--d);letter-spacing:.03em;text-transform:uppercase;margin-bottom:10px;font-size:15px;font-weight:700}.price-table{border-bottom:1px solid var(--line)}.price-row{border-top:1px solid var(--line);grid-template-columns:1fr 74px 64px;align-items:center;gap:14px;padding:11px 12px;font-size:13px;display:grid}.price-row.head{background:var(--ink);color:#fff;font-family:var(--m);letter-spacing:.12em;text-transform:uppercase;border-top:0;padding:9px 12px;font-size:9px}.price-row em{color:var(--mut);font-style:normal}.price-row .tanya{justify-content:flex-end;gap:10px;display:flex}.price-row .tanya a{background:var(--panel);width:28px;height:28px;color:var(--ink);border-radius:50%;place-items:center;transition:all .18s;display:grid}.price-row .tanya a:hover{background:var(--ink);color:#fff}.band{background:var(--ink);color:#fff;text-align:center;border-radius:14px;margin-bottom:70px;padding:60px 40px}.band p{font-family:var(--d);letter-spacing:-.01em;max-width:700px;margin:0 auto;font-size:clamp(16px,2vw,23px);font-weight:400;line-height:1.4}.cta{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:36px;padding:52px 0 60px;display:grid}.cta h2{font-family:var(--d);letter-spacing:-.035em;text-transform:uppercase;font-size:clamp(24px,3.4vw,44px);font-weight:700;line-height:1}.cta p{color:var(--mut);max-width:520px;margin-top:14px;font-size:14px}.crumb{font-family:var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);padding:26px 0 0;font-size:10px}.crumb a:hover{color:var(--ink)}.floaty{z-index:80;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:22px;right:22px}.fbtn{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .18s,background .18s;display:grid;box-shadow:0 6px 22px #00000038}.fbtn:hover{background:#333;transform:translateY(-2px)}footer{border-top:1px solid var(--line);margin-top:20px;padding:40px 0 56px}.fgrid{grid-template-columns:1fr 1fr 1.2fr 1.1fr;gap:36px;display:grid}.fcol{color:#1a1a1a;overflow-wrap:anywhere;min-width:0;font-size:13.5px}.fcol b{margin:0 0 8px;font-weight:600;display:block}.fcol .grp{flex-direction:column;align-items:flex-start;gap:5px;margin-bottom:24px;display:flex}.fcol a:hover{opacity:.55}.keep h3{font-family:var(--d);letter-spacing:-.025em;margin-bottom:20px;font-size:clamp(20px,2.3vw,26px);font-weight:700;line-height:1.12}.keep .row{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:14px;max-width:340px;padding-bottom:9px;display:flex}.keep .row span{color:#3a3a3a;font-size:14px}.fine{color:#8a8a8a;max-width:340px;margin-top:16px;font-size:10.5px;line-height:1.65}.disc{color:#8a8a8a;border-top:1px solid var(--line);margin-top:36px;padding-top:20px;font-size:10.5px;line-height:1.7}.copy{color:#9e9e9e;margin-top:10px;font-size:10.5px}@media (max-width:900px){.wrap{padding:0 22px}.iheadin{padding:16px 22px}.dk{display:none}.mb{display:inline}.lockup{grid-template-columns:1fr;gap:16px}.claim{padding-bottom:0}.splash.a{width:118px;top:-10px;left:auto;right:-6px}.splash.b{display:none}.pipes{flex-wrap:wrap;gap:2px 24px;padding:26px 0 30px;font-size:16px}.pipes a{border-left:0;padding:4px 0}.pipes a:first-child{padding-left:0}.homekat{padding:34px 0}.homekat .cgrid{grid-template-columns:1fr 1fr}.price-preview{grid-template-columns:1fr;gap:10px;padding-bottom:28px}.price-row{grid-template-columns:1fr 56px 58px;gap:8px;padding:10px;font-size:12.5px}.banner{grid-template-columns:1fr}.banner .txt{padding:32px 24px}.banner .fig{min-height:220px}.banner p{max-width:none}.duo{grid-template-columns:1fr 1fr;padding:40px 0 10px}.duo .txt{grid-column:1/-1;padding-top:10px;padding-left:0}.duo p{max-width:none;margin:14px 0 22px}.phead{padding:34px 0 26px}.catalog,.detail,.cta{grid-template-columns:1fr}.download-hero{grid-template-columns:1fr;padding:26px 22px}.download-actions{justify-content:flex-start}.price-preview{grid-template-columns:1fr}.cside{position:static}.clabel{display:none}.cside{min-width:0}.cside nav{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.cside nav::-webkit-scrollbar{display:none}.cbtn{white-space:nowrap;border:1px solid var(--line);border-radius:999px;flex:none;width:auto;margin:0;padding:8px 15px;font-size:13px}.ccount{margin:16px 0 12px}.cgrid,.posts{grid-template-columns:1fr 1fr}.imenu{display:none}.iheadin{gap:12px}.brand small{white-space:nowrap}.ihead .btn{white-space:nowrap;padding:10px 18px;font-size:13px}.detail{gap:22px}.dphoto{aspect-ratio:4/3}.dbody h1{font-size:clamp(30px,9vw,40px)}.facts{gap:8px}body{padding-bottom:70px}.article{padding-top:0}.band{padding:40px 24px}.cta{gap:22px;padding:40px 0 46px}.fgrid{grid-template-columns:1fr 1fr;gap:26px}.fcol .grp a:nth-of-type(n+5):not(.semua),.kolom-lain{display:none}.fcol.keep{grid-column:1/-1}.keep .row{max-width:none}.fine{display:none}footer{padding:32px 0 40px}}@media (max-width:520px){.posts,.fgrid{grid-template-columns:1fr}.price-row{grid-template-columns:1fr 64px 96px;gap:10px;font-size:12px}.price-row.head{font-size:8px}.cgrid{grid-template-columns:1fr 1fr;gap:10px}.pc{padding:10px}.pc .chips{display:none}.pc h3{letter-spacing:-.015em;margin-top:12px;font-size:15px}.pc .cat{letter-spacing:.1em;margin-top:4px;font-size:8px}.pc p{display:none}.pc .more{letter-spacing:.08em;margin-top:12px;padding:10px 8px;font-size:9px}}