
.store-body{background:#fff}.store-announcement{text-align:center;background:#f3f4f6;font-size:11px;padding:10px 16px;color:#65676b}.store-announcement a{color:#2456ca;margin-left:9px}.store-header{height:78px;max-width:none;padding-inline:max(25px,calc((100% - 1168px)/2));position:sticky;top:0;background:#ffffffef;backdrop-filter:blur(18px);z-index:20}.nav-button,.tool-button{background:none;border:0;color:#1d1d1f}.nav-button{font-weight:600;font-size:13px;padding:15px 0}.nav-button span{margin-left:8px}.store-tools{display:flex;align-items:center;gap:16px}.tool-button{display:grid;place-items:center;width:36px;height:36px;font-size:26px;border-radius:50%}.tool-button:hover{background:#f0f2f5}.mobile-toggle{display:none}.mega-menu{position:fixed;z-index:21;top:113px;left:0;right:0;background:#fff;box-shadow:0 30px 40px #0002;padding:36px max(25px,calc((100% - 1000px)/2));display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid #eee}.mega-menu a{display:block;padding:9px 0;font-size:22px;font-weight:600;letter-spacing:-.6px}.mega-menu a span{float:right;margin-right:50px}.mega-help{border-left:1px solid #eee;padding-left:35px}.mega-help h3{font-size:23px}.mega-help p{font-size:13px}.mega-help a{font-size:13px;letter-spacing:0}.store-hero{position:relative;min-height:660px;background:#090b10;overflow:hidden;color:white;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:70px max(35px,calc((100% - 1120px)/2)) 100px;gap:25px}.hero-content{z-index:2;position:relative}.hero-kicker{font-size:10px;font-weight:600;letter-spacing:2px;color:#a8b2c4;margin-bottom:25px}.store-hero h1{font-size:clamp(44px,4.5vw,67px);line-height:1.04;letter-spacing:-3.2px;white-space:pre-line;margin-bottom:22px;font-weight:650}.store-hero .hero-content>p:not(.hero-kicker){font-size:15px;color:#a6acb9;max-width:365px;line-height:1.75}.store-hero-actions{display:flex;gap:20px;align-items:center;margin-top:30px}.store-hero .primary{border-radius:25px;padding:14px 24px;background:#2871ed}.hero-text-button{border:0;background:none;color:#afc6fd;font-size:12px;padding:12px 0}.product-stage{height:450px;position:relative;--metal:#a9a49d;--metal-dark:#504e4b;--screen:#555a75;perspective:1000px}.product-stage[data-finish=purple]{--metal:#9483aa;--metal-dark:#37313e;--screen:#7b4fab}.product-stage[data-finish=blue]{--metal:#8aa1b8;--metal-dark:#283744;--screen:#246b9e}.stage-glow{position:absolute;width:480px;height:360px;top:60px;left:0;background:radial-gradient(ellipse,#5b699b33,transparent 68%)}.device-back{position:absolute;left:45px;top:45px;width:205px;height:397px;border:3px solid var(--metal);border-radius:37px;background:linear-gradient(125deg,var(--metal),var(--metal-dark));transform:rotate(-15deg);box-shadow:inset 2px 2px 6px #ffffff45,0 30px 40px #0009;transition:background .4s,transform .5s}.product-stage:hover .device-back{transform:rotate(-20deg) translateX(-8px)}.camera-island{height:106px;width:110px;border:1px solid #ffffff26;border-radius:25px;margin:11px;position:relative;background:#ffffff10}.camera-island i{position:absolute;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,#1f293b 10%,#07101d 16%,#344354 22%,#08090e 35%,#11151b 66%,var(--metal) 70%,#272932 80%);box-shadow:2px 3px 4px #0006}.camera-island i:nth-child(1){top:8px;left:8px}.camera-island i:nth-child(2){top:55px;left:8px}.camera-island i:nth-child(3){top:31px;left:59px}.camera-island b{position:absolute;width:14px;height:14px;border-radius:50%;background:#e0d8c7;top:10px;right:17px;box-shadow:0 0 8px #fff4}.device-brand{font-size:65px;font-weight:700;font-style:italic;color:#ffffff45;text-align:center;margin-top:48px}.device-back>span{position:absolute;bottom:26px;width:100%;text-align:center;letter-spacing:3px;font-size:7px;color:#ffffff55}.device-front{position:absolute;left:205px;top:10px;width:204px;height:398px;border:6px solid #171a20;border-radius:36px;background:radial-gradient(ellipse at 10% 50%,var(--screen),#070910 65%);transform:rotate(13deg);box-shadow:inset 0 0 0 1px #ffffff55,2px 2px 0 #7c7d86,0 25px 50px #0009;overflow:hidden;transition:background .4s,transform .5s}.product-stage:hover .device-front{transform:rotate(17deg) translateY(-8px)}.device-notch{position:absolute;width:72px;height:21px;background:#040509;border-radius:20px;top:11px;left:60px;z-index:2}.screen-orbit{position:absolute;border:1px solid #d9deff5c;width:330px;height:340px;border-radius:50%;transform:rotate(-30deg);left:-220px;top:42px;box-shadow:0 0 25px #899ed72b,inset 0 0 22px #a9a8ec33}.orbit-b{left:-148px;top:170px;width:350px;height:350px;border-color:#d9d8fe7a}.screen-caption{position:absolute;bottom:55px;left:20px;color:#ffffffc7;font-size:11px;line-height:1.7}.screen-caption strong{font-size:17px;letter-spacing:-.4px;color:white}.hero-bottom{position:absolute;left:max(35px,calc((100% - 1120px)/2));right:max(35px,calc((100% - 1120px)/2));bottom:28px;display:flex;justify-content:space-between;align-items:center;gap:15px}.finish-picker{display:flex;align-items:center;gap:10px}.finish{width:20px;height:20px;padding:0;border-radius:50%;border:3px solid #090b10;outline:1px solid transparent;background:#b2aca4}.finish.purple{background:#81708f}.finish.blue{background:#748ba1}.finish[aria-pressed=true]{outline-color:#d8dce8}.finish-picker>span{font-size:10px;color:#9dA5b4;margin-left:5px}.hero-navigation{display:flex;align-items:center;gap:16px}.hero-navigation>button{border:1px solid #ffffff26;background:none;color:white;border-radius:50%;height:32px;width:32px}.hero-dots{display:flex;gap:7px}.hero-dots button{border:0;padding:0;width:5px;height:5px;border-radius:20px;background:#5c6571;transition:width .2s}.hero-dots button[aria-pressed=true]{background:#f4f5f8;width:24px}.benefit-strip{display:flex;justify-content:center;gap:65px;padding:22px;background:#f7f7f9;color:#666b73;font-size:11px}.store-services{padding-top:80px;padding-bottom:65px}.store-services h2{font-size:43px;color:#1d1d1f}.compare-button{font-size:13px;margin-bottom:8px}.service-filters{display:flex;gap:8px;margin:28px 0}.service-filters button{border:1px solid #e1e3e7;background:white;border-radius:22px;padding:10px 19px;font-size:12px;color:#5e6268}.service-filters button[aria-pressed=true]{background:#1d1d1f;border-color:#1d1d1f;color:white}.store-card{padding:28px;background:#f6f6f8;border:0;border-radius:24px;transition:transform .25s,box-shadow .25s}.store-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000000b}.card-product{height:210px;position:relative;display:grid;place-items:center;margin-bottom:18px;overflow:hidden}.small-device{width:95px;height:177px;border-radius:19px;border:3px solid #9da1b0;background:linear-gradient(140deg,#c5c8d2,#666c7d);box-shadow:9px 15px 22px #14233823,inset 1px 1px 2px #fff;transform:rotate(-13deg);display:grid;place-items:center;font-size:45px;color:#ffffff80;font-weight:700;font-style:italic;position:relative}.small-device:before{content:'';position:absolute;top:9px;left:8px;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle,#18263a 15%,#080b12 35%,#343840 65%,#b7bac6 72%);box-shadow:0 29px 0 #11151e}.product-number{position:absolute;right:12px;bottom:0;font-size:90px;line-height:1;letter-spacing:-7px;font-weight:700;color:#e5e6e9;z-index:0}.service-1 .product-number{font-size:49px;letter-spacing:-4px;bottom:15px}.service-2 .small-device{background:linear-gradient(140deg,#ada1bb,#4a3f5a);border-color:#9e91b1}.service-3 .small-device{background:linear-gradient(140deg,#a4bace,#3c546a);border-color:#8b9eaf}.small-device{z-index:1}.store-card .card-tag{font-size:9px;color:#8d5d3a}.store-card h3{font-size:25px;margin:12px 0}.store-card p{min-height:42px}.store-card .price{font-size:25px;margin-bottom:20px}.card-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.card-actions .button{width:auto;padding:11px 20px;border-radius:25px;font-size:11px}.card-actions .text-button{font-size:11px;padding:9px 0}.comparison{margin-top:35px;padding:28px 0}.comparison h3{font-size:28px}.comparison th,.comparison td{padding:19px}.comparison th:first-child{width:25%}.feature-band{max-width:1168px;margin:0 auto 25px;background:#f5f5f7;border-radius:25px;padding:65px;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.feature-band h2{font-size:44px}.feature-band p{font-size:14px;max-width:350px}.feature-band .button{border-radius:25px;margin-top:15px}.flow-cards{transform:rotate(-6deg)}.flow-cards>div{display:flex;align-items:center;gap:16px;background:white;padding:24px;border-radius:15px;margin:15px 0;box-shadow:0 12px 25px #00000007}.flow-cards span{font-size:11px;color:#7e899c}.flow-cards strong{font-size:14px;flex:1;font-weight:600}.flow-cards b{color:#3160d9}.flow-cards>div:nth-child(2){transform:translateX(20px)}.store-body .steps-section{background:#11151c}.store-body .faq{padding-top:65px}.detail-product{background:#f4f5f7;display:grid;place-items:center;height:220px;border-radius:16px;margin-bottom:25px}.detail-price{font-size:28px;font-weight:700;margin:10px 0 20px}.service-facts{list-style:none;padding:0;font-size:13px;color:#606976;margin:20px 0 25px}.service-facts li{padding:7px 0}.service-facts li:before{content:'✓';color:#265fe6;margin-right:10px}.search-results{margin-top:22px}.search-result{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e5e7ed;padding:20px 0;font-size:14px}.search-result>span{font-size:12px;color:#6c7380}.search-results p{font-size:13px}.wizard-progress{display:flex;gap:12px;margin:10px 0 25px}.wizard-progress button{flex:1;text-align:left;border:0;border-top:3px solid #e0e4ec;background:none;padding:14px 2px;color:#8a929e;font-size:11px}.wizard-progress button[aria-current=step]{border-color:#244fe8;color:#244fe8}.wizard-progress button span{font-weight:700;margin-right:7px}.wizard-controls{display:flex;gap:15px;align-items:center;margin:10px 0 20px}.wizard-controls .button{flex:1}.order-layout .panel{transition:border-color .2s}.wizard-review{background:#f5f7fb;padding:15px;border-radius:9px;margin:20px 0;font-size:12px}.wizard-review strong{color:#1d1d1f}.order-steps-label{font-size:11px;color:#657182;margin:0 0 10px}.store-body .footer{padding-block:35px}
@media(max-width:1000px){.product-stage{transform:scale(.85);transform-origin:center left}.store-hero{padding-inline:35px;min-height:600px;grid-template-columns:1fr 1fr}.store-hero h1{font-size:50px;letter-spacing:-2px}.hero-bottom{left:35px;right:35px}.benefit-strip{gap:25px}.feature-band{margin-inline:25px;padding:40px;gap:40px}.store-hero-actions{flex-wrap:wrap;gap:10px}.store-header{padding-inline:25px}.store-card{padding:23px}.store-card h3{font-size:23px}}
@media(max-width:680px){.store-announcement{font-size:9px;padding:9px 12px}.store-announcement a{display:none}.store-header{height:70px;padding-inline:18px}.store-header nav{display:none}.mobile-toggle{display:grid}.store-tools{gap:5px}.store-tools .tool-button{font-size:23px;width:33px}.mega-menu{top:102px;grid-template-columns:1fr;gap:25px;padding:25px}.mega-menu a{font-size:20px}.mega-menu .eyebrow{margin-bottom:8px}.mega-help{border:0;border-top:1px solid #eee;padding:20px 0 0}.mega-help h3{font-size:19px}.mega-help a{font-size:13px;padding:5px 0}.store-hero{display:flex;flex-direction:column;padding:38px 20px 75px;gap:0;min-height:810px}.hero-content{text-align:center}.hero-kicker{font-size:9px;margin-bottom:18px}.store-hero h1{font-size:47px;letter-spacing:-2.5px;margin-bottom:17px}.store-hero .hero-content>p:not(.hero-kicker){font-size:12px;max-width:310px;margin:auto}.store-hero-actions{justify-content:center;margin-top:20px;gap:18px}.store-hero .primary{font-size:11px;padding:12px 20px}.hero-text-button{font-size:11px}.product-stage{height:325px;width:350px;transform:scale(.73);transform-origin:top center;margin-top:30px;margin-bottom:-60px;left:-25px}.hero-bottom{left:20px;right:20px;bottom:22px;flex-wrap:wrap;justify-content:center;gap:20px}.finish-picker>span{font-size:9px}.hero-navigation>button{height:27px;width:27px}.hero-navigation{gap:12px}.benefit-strip{padding:17px 18px;gap:20px;flex-wrap:wrap;font-size:9px}.store-services{padding-top:45px}.store-services h2{font-size:34px}.compare-button{margin-top:18px;padding-left:0}.service-filters{gap:7px;margin:20px 0}.service-filters button{font-size:10px;padding:9px 13px}.store-card{padding:27px}.store-card h3{font-size:28px}.card-product{height:220px}.store-card .price{font-size:30px}.card-actions{justify-content:space-between}.card-actions .button{padding:13px 23px;font-size:12px}.card-actions .text-button{font-size:12px}.feature-band{grid-template-columns:1fr;padding:30px;margin:0 20px 25px;gap:20px}.feature-band h2{font-size:34px}.feature-band p{font-size:13px}.flow-cards{transform:none}.flow-cards>div{padding:18px;gap:10px}.flow-cards strong{font-size:12px}.flow-cards>div:nth-child(2){transform:none}.comparison{padding-top:15px}.comparison h3{font-size:23px}.comparison .table-wrap:before{content:'Geser untuk membandingkan layanan →'}.wizard-progress{gap:9px;margin-bottom:20px}.wizard-progress button{font-size:10px}.wizard-progress button span{display:block;margin-bottom:3px}.wizard-controls{gap:10px}.wizard-controls .button{font-size:12px;padding:13px 15px}.wizard-review{font-size:11px}.search-result{font-size:13px}.search-result>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.product-stage *,.store-card{transition:none!important}}

/* iPhone 17 Pro: wide camera plateau, three lenses, two-tone rear panel. */
.product-stage{--metal:#ee9357;--metal-dark:#b65220;--screen:#b84c21}
.product-stage[data-finish=silver]{--metal:#e6e7e8;--metal-dark:#a7acb2;--screen:#8191aa}
.product-stage[data-finish=blue]{--metal:#58677e;--metal-dark:#202d46;--screen:#274b8c}
.device-back:before{content:'';position:absolute;left:12px;right:12px;top:128px;bottom:13px;border-radius:6px 6px 26px 26px;background:linear-gradient(130deg,#ffffff36,#ffffff10);border:1px solid #ffffff14}
.camera-island{position:relative;margin:9px 7px;width:calc(100% - 14px);height:111px;border-radius:25px;background:linear-gradient(130deg,#ffffff24,#00000014);box-shadow:0 4px 5px #0002;border:1px solid #ffffff35}
.camera-island i{width:42px;height:42px}.camera-island i:nth-child(1){top:8px;left:8px}.camera-island i:nth-child(2){top:59px;left:8px}.camera-island i:nth-child(3){top:34px;left:58px}.camera-island b{top:18px;right:19px;width:16px;height:16px}.camera-island:after{content:'';position:absolute;right:20px;bottom:18px;width:15px;height:15px;background:#111723;border:2px solid #556071;border-radius:50%}.device-brand{display:none}.device-back>span{bottom:24px;font-size:8px;color:#ffffff70}
.finish.orange{background:#e48b4c}.finish.silver{background:#dddfe2}.finish.blue{background:#34435f}
.small-device{--mini-metal:#ed955e;--mini-dark:#b65125;background:linear-gradient(135deg,var(--mini-metal),var(--mini-dark));border-color:var(--mini-metal);overflow:hidden}
.service-2 .small-device{--mini-metal:#e5e7e9;--mini-dark:#a0a6ad;background:linear-gradient(135deg,var(--mini-metal),var(--mini-dark));border-color:var(--mini-metal)}
.service-3 .small-device{--mini-metal:#69768c;--mini-dark:#24314a;background:linear-gradient(135deg,var(--mini-metal),var(--mini-dark));border-color:var(--mini-metal)}
.small-device:before{top:57px;bottom:7px;left:5px;right:5px;width:auto;height:auto;background:linear-gradient(125deg,#ffffff40,#ffffff14);border-radius:3px 3px 11px 11px;box-shadow:none}
.mini-cameras{position:absolute;left:3px;right:3px;top:4px;height:48px;background:#ffffff20;border-radius:12px;border:1px solid #ffffff30;box-shadow:0 2px 3px #0002}.mini-cameras i{position:absolute;height:18px;width:18px;background:radial-gradient(circle,#31435b 12%,#090e17 22%,#080d16 57%,#a2a9b5 69%,#313846 79%);border-radius:50%}.mini-cameras i:nth-child(1){left:4px;top:3px}.mini-cameras i:nth-child(2){left:4px;top:25px}.mini-cameras i:nth-child(3){left:25px;top:14px}.mini-cameras b{position:absolute;right:9px;top:9px;width:8px;height:8px;border-radius:50%;background:#f2e6d3}.mini-cameras b:after{content:'';position:absolute;top:20px;left:0;width:7px;height:7px;background:#1e2534;border-radius:50%}
@media(max-width:680px){.finish-picker>span{font-size:9px}}
