@font-face{font-family:Roboto;src:url("fonts/roboto-400.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Roboto;src:url("fonts/roboto-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Roboto;src:url("fonts/roboto-900.woff2") format("woff2");font-style:normal;font-weight:900;font-display:swap}
:root{--bg:#09090b;--panel:#141417;--red:#f22c38;--text:#f5f5f5;--muted:#a8a8b0;--border:#2a292f;--yellow:#ffe276;color-scheme:dark;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}input:focus,textarea:focus,select:focus{outline:2px solid var(--red);outline-offset:2px}button:disabled{cursor:not-allowed}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;left:16px;top:-100px;z-index:100;background:white;color:black;padding:12px}.skip:focus{top:12px}header{position:sticky;top:0;z-index:20;background:#09090bf2;border-bottom:1px solid #ffffff13;backdrop-filter:blur(14px)}.nav{height:90px;display:flex;align-items:center;gap:28px}.logo{font-size:27px;font-weight:950;letter-spacing:-1.2px;line-height:1;white-space:nowrap}.logo span{color:var(--red)}.logo small{display:block;font-size:8px;letter-spacing:2px;color:#ccc;margin-top:8px;font-weight:500}nav{display:flex;gap:22px;align-items:center;margin-left:auto}nav a{font-size:14px;color:#c9c8ce;white-space:nowrap;position:relative;padding:12px 0}nav a:hover,nav a.active{color:var(--red)}nav a.active:after{content:'';position:absolute;left:0;right:0;bottom:1px;height:2px;background:var(--red)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--red);border:1px solid var(--red);color:white;padding:15px 23px;border-radius:5px;font-size:14px;font-weight:700;line-height:1.4;transition:background .2s,transform .2s;min-height:50px}.button:hover{background:#c91929;border-color:#c91929;transform:translateY(-2px)}.button span{font-size:20px}.nav-cta{font-size:12px;padding:10px 15px;gap:14px;min-height:43px}.menu-toggle{display:none;background:none;color:white;border:1px solid var(--border);border-radius:5px;font-size:24px}.hero{position:relative;min-height:670px;display:flex;align-items:center;overflow:hidden;background:#090709}.hero-art{position:absolute;inset:0;background:url('hero.webp') 60% 50%/cover no-repeat}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#09090bee 0%,#09090b9c 35%,transparent 65%),linear-gradient(0deg,#09090b,transparent 22%)}.hero-content{position:relative;z-index:1;padding-block:90px 75px}.eyebrow{font-size:12px;letter-spacing:2.1px;font-weight:700;color:var(--red);margin:0 0 22px;display:flex;align-items:center;gap:12px}.line{width:30px;height:2px;background:var(--red)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(45px,5.3vw,76px);font-weight:950;line-height:1.06;letter-spacing:-3px;margin-bottom:27px;max-width:720px}em{font-style:normal;color:var(--red)}h1 em{color:var(--yellow);font-style:italic;letter-spacing:-3.5px}.hero-copy{max-width:420px;color:#c7c7ce;font-size:17px;margin-bottom:31px}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.text-link{font-size:14px;font-weight:700}.text-link span{margin-left:10px;color:var(--red)}.hero-note{display:flex;align-items:center;gap:17px;margin-top:64px;font-size:10px;letter-spacing:2px;color:#b6b3bc}.hero-note span{color:var(--red);font-weight:700}.hero-note i{height:3px;width:3px;background:var(--red)}.benefits{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--border);padding-block:25px;gap:24px}.benefits>div{display:flex;gap:14px;align-items:center}.benefits b{font-size:35px;color:var(--red);font-weight:500}.benefits p{font-size:14px;margin:0;font-weight:700}.benefits small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:3px}.section{padding-block:96px}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:40px}h2{font-size:clamp(30px,3.3vw,44px);line-height:1.17;letter-spacing:-1.4px;margin-bottom:0}h2 span{color:#9a999f}.section-head>p{max-width:345px;color:var(--muted);margin-bottom:3px;font-size:15px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-top:15px}.plan{position:relative;background:linear-gradient(150deg,#1c1b20,#111114);border:1px solid var(--border);border-radius:9px;padding:32px;overflow:visible}.plan.featured{border-color:var(--red);background:linear-gradient(140deg,#361318,#151114 65%);box-shadow:0 8px 60px #ed243015}.plan-tag{position:absolute;top:-16px;left:24px;right:24px;background:var(--red);border-radius:3px;text-align:center;font-size:10px;letter-spacing:1px;font-weight:700;padding:6px}.plan h3{font-size:19px;margin:0 0 8px;text-transform:uppercase;letter-spacing:.6px}.plan-desc{font-size:13px;color:var(--muted);min-height:42px;margin-bottom:22px}.speed{line-height:1;display:flex;align-items:baseline;gap:9px;position:relative;flex-wrap:wrap}.speed small{width:100%;color:var(--red);font-size:10px;font-weight:bold;letter-spacing:2px;margin-bottom:1px}.speed strong{font-size:72px;letter-spacing:-4px}.speed span{font-size:21px;font-weight:700}.price{font-size:23px;color:var(--yellow);font-weight:700;margin-block:17px 24px}.price small{font-size:12px;color:var(--muted);font-weight:400;margin-left:7px}.plan ul{list-style:none;border-top:1px solid var(--border);padding:24px 0 0;margin:0 0 28px;min-height:133px}.plan li{font-size:13px;color:#c5c4cb;margin-bottom:10px;padding-left:20px;position:relative}.plan li:before{content:'✓';position:absolute;left:0;color:var(--red);font-weight:700}.plan .button{width:100%;font-size:13px}.plan:not(.featured) .button{background:transparent;border-color:#4f282c}.plan:not(.featured) .button:hover{background:var(--red)}.fine-print{font-size:12px;color:var(--muted);margin:22px 0 0}.devices-band{border-block:1px solid var(--border);background:#101013}.devices-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:42px}.devices-inner h2{font-size:29px}.devices-inner .eyebrow{font-size:10px;margin-bottom:12px}.devices{display:flex;gap:40px}.devices>div{text-align:center;font-size:12px;color:#b2b1bb}.devices span{display:block;font-size:42px;line-height:1.3;color:#e4e2e9;font-weight:400;margin-bottom:10px}.area,.subscribe{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.area>div>p:not(.eyebrow),.subscribe>div>p:not(.eyebrow){color:var(--muted);margin-top:25px;max-width:410px}.location-note{font-size:13px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:30px}label{display:block;font-size:13px;font-weight:700;margin-bottom:9px}input,select,textarea{display:block;width:100%;padding:13px 14px;border-radius:4px;border:1px solid #34333b;background:#0c0c0f;color:white;font-size:14px;margin-bottom:21px;min-width:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#777781}.panel>.button{width:100%}.panel>small{display:block;font-size:12px;color:#a0a0aa;line-height:1.6;margin-top:16px}.form-status{font-size:14px;color:#e2d5d6;margin:14px 0 0}.about-section{background:linear-gradient(115deg,#1b0d10,#0f0f12 60%);border-block:1px solid #442026}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:55px}.about-grid article{border-top:1px solid #463039;padding-top:22px}.about-grid article>span{color:var(--red);font-size:13px}.about-grid h3{font-size:20px;margin:14px 0 9px}.about-grid p{font-size:14px;color:var(--muted);margin:0}.subscribe h2{font-size:48px}.steps{margin-top:38px}.steps p{font-size:14px;color:#d4d1d7;display:flex;gap:19px;align-items:center}.steps b{font-size:12px;color:var(--red);padding:7px 10px;border:1px solid #51212a;border-radius:4px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.consent{display:flex;gap:10px;font-size:12px;color:#c0bec6;font-weight:400;margin-bottom:22px}.consent input{width:17px;min-width:17px;height:17px;accent-color:var(--red);margin:2px 0}.secondary{border:1px solid #55515d;background:transparent;color:white;padding:12px;border-radius:4px;font-size:13px}#request-output{margin-top:20px}#request-output .actions{gap:12px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:90px;padding-top:20px}.faq details{border-bottom:1px solid var(--border)}summary{cursor:pointer;list-style:none;position:relative;padding:21px 32px 21px 0;font-size:15px;font-weight:700}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;color:var(--red);font-size:22px;top:15px}details[open] summary:after{content:'−'}.faq details p{font-size:14px;color:var(--muted);padding:0 26px 16px 0;margin:0}.closing{padding:42px;border:1px solid #74303b;background:radial-gradient(ellipse at top left,#5f101c,#1b0d11 70%);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:70px}.closing .eyebrow{font-size:10px;margin-bottom:12px}.closing h2{font-size:35px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:35px}.footer-top p,.footer-top>a:last-child{font-size:12px;color:var(--muted);margin:0}.footer-bottom{border-top:1px solid var(--border);padding:23px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#87848f}[hidden]{display:none!important}
@media(min-width:1550px){.hero-art{background-position:center 48%}.hero{min-height:740px}}
@media(max-width:1150px){.nav{gap:16px}nav{gap:16px}.nav-cta{display:none}.area,.subscribe{gap:45px}.plan{padding:25px}.devices{gap:25px}.benefits{gap:10px}.benefits p{font-size:12px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.nav{height:76px;justify-content:space-between}.logo{font-size:25px}.menu-toggle{display:block;padding:2px 11px}nav{display:none;position:absolute;top:76px;left:0;right:0;background:#101013;border-bottom:1px solid #4a232a;padding:18px 25px;margin:0;box-shadow:0 20px 40px #0008}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:1px}nav a{font-size:16px;padding:12px}.hero{min-height:630px}.hero-art{background-position:62% center;opacity:.75}.hero:after{background:linear-gradient(90deg,#09090bee, #09090b80 80%),linear-gradient(0deg,#09090b,transparent 40%)}.hero-content{padding-block:65px}.hero h1{font-size:58px;max-width:580px}.hero-note{margin-top:50px}.benefits{grid-template-columns:repeat(2,1fr);gap:20px;padding-block:25px}.benefits p{font-size:13px}.section{padding-block:65px}.section-head{gap:25px}.section-head>p{max-width:260px;font-size:14px}.plans{gap:14px}.plan{padding:24px 18px}.plan h3{font-size:16px}.speed strong{font-size:57px}.speed span{font-size:16px}.price{font-size:19px}.price small{display:block;margin:5px 0 0}.plan-tag{font-size:8px;left:10px;right:10px}.plan ul{min-height:155px}.plan .button{font-size:12px;padding:12px 9px}.devices-inner{display:block}.devices-inner h2 br{display:none}.devices{justify-content:space-between;margin-top:25px}.area,.subscribe{gap:30px;grid-template-columns:1fr 1.1fr}.panel{padding:22px}.subscribe h2{font-size:38px}.field-row{grid-template-columns:1fr;gap:0}.faq{gap:35px;grid-template-columns:1fr 1.4fr}.closing{padding:30px}.closing h2{font-size:28px}}
@media(max-width:580px){.wrap{width:calc(100% - 36px)}.hero{min-height:620px}.hero-content{padding-block:60px 45px}.hero-art{background-position:68% center}.hero .eyebrow{font-size:9px;letter-spacing:1.6px}.hero h1{font-size:47px;letter-spacing:-2px}.hero h1 em{letter-spacing:-2px}.hero-copy{font-size:16px;max-width:340px}.hero .actions{gap:23px;align-items:flex-start;flex-direction:column}.hero-note{font-size:8px;gap:12px;letter-spacing:1px;margin-top:42px}.benefits{gap:18px 10px}.benefits b{font-size:28px}.benefits>div{gap:9px}.benefits p{font-size:11px}.benefits small{font-size:10px;line-height:1.5}.section-head{display:block}.section-head>p{margin-top:22px;max-width:none}.section{padding-block:55px}.eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:17px}h2{font-size:34px}.plans{grid-template-columns:1fr;gap:30px}.plan{padding:30px}.plan h3{font-size:20px}.plan-desc{min-height:0;font-size:14px}.speed strong{font-size:75px}.speed span{font-size:24px}.price{font-size:25px}.price small{display:inline;margin-left:8px}.plan ul{min-height:0}.plan li{font-size:14px}.plan .button{font-size:14px}.plan-tag{font-size:10px;left:30px;right:30px}.devices{gap:10px;flex-wrap:wrap;justify-content:center}.devices>div{width:28%;font-size:11px}.devices span{font-size:36px}.devices-inner h2{font-size:26px}.devices-inner h2 br{display:block}.area,.subscribe,.faq{grid-template-columns:1fr;gap:30px}.about-grid{grid-template-columns:1fr;gap:26px;margin-top:35px}.about-grid article{padding-top:17px}.about-grid h3{margin-top:8px}.subscribe h2{font-size:40px}.steps{margin-top:25px}.closing{padding:28px 23px;display:block;margin-bottom:45px}.closing .button{margin-top:25px}.closing h2{font-size:30px}.footer-top{align-items:start;flex-direction:column;gap:22px}.footer-bottom{flex-direction:column;gap:5px}.fine-print{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Typography matched to the supplied reference. */
:root{font-family:Roboto,Arial,Helvetica,sans-serif}
h1,h2,h3,.logo,.button,summary{font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:700;font-style:normal}
h1,h2,h3,.button{text-transform:uppercase}
h1{font-weight:900;letter-spacing:-.02em;line-height:1.1}
h1 em{font-style:normal;letter-spacing:-.02em}
h2{letter-spacing:-.015em;line-height:1.2}
h2 span{color:var(--red)}
h3,.button{letter-spacing:0}
.logo{font-weight:900;letter-spacing:-.035em}
.hero-copy{font-size:18px;line-height:1.5}
.section-head>p,.about-grid p,.faq details p{font-size:16px;line-height:1.6}
.benefits p{font-weight:700;text-transform:uppercase}
@media(max-width:600px){h1 em{letter-spacing:-.02em}.button{letter-spacing:0}}

/* Halaman terpisah: navigasi aktif mengikuti halaman yang dibuka. */
main{min-height:60vh}
.page-title{font-size:clamp(2rem,4vw,3.4rem);font-weight:700;letter-spacing:-.015em;line-height:1.2;margin:0;text-transform:uppercase}
.page-title span{color:var(--red)}
.page-title em{font-style:normal;color:var(--red)}
body:not(.page-home) main{padding-top:24px}
@media(max-width:580px){.page-title{font-size:34px}body:not(.page-home) main{padding-top:0}}