/*
Theme Name: SpinHarta Ocean Editorial ZG8HN9WJ
Theme URI: https://spinhartalogin.asia/
Author: Panduan SpinHarta Indonesia
Description: Tema editorial independen untuk ulasan merek SpinHarta di Indonesia.
Version: 1.0.0
Text Domain: spinharta-ocean
*/
:root{--navy:#082f49;--deep:#0b3a55;--blue:#11698a;--teal:#128c86;--amber:#d8962f;--ink:#142f3c;--muted:#59717c;--paper:#f3f8fa;--white:#fff;--line:#c7dce5;--soft:#e2f1f3;--max:1240px;--read:780px;--shadow:0 20px 48px rgba(10,58,85,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Noto Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:18px;line-height:1.76;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:#075f7e;text-decoration-thickness:.09em;text-underline-offset:.16em}a:hover{color:#0b756f}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f0b85a;outline-offset:3px}.skip-link{position:absolute;left:-999px;top:0;background:#fff;color:#082f49;padding:12px 18px;z-index:999}.skip-link:focus{left:12px;top:12px}.site-header{background:linear-gradient(125deg,#062b43,#0d5268);color:#fff;border-bottom:1px solid rgba(255,255,255,.16);position:relative;z-index:20}.header-inner{max-width:var(--max);margin:auto;padding:14px clamp(18px,4vw,56px);display:flex;align-items:center;gap:28px;min-height:76px}.brand{display:flex;align-items:center;margin-right:auto;text-decoration:none}.custom-logo{width:auto;max-width:min(390px,44vw);height:48px;display:block}.menu-toggle{display:none;background:#fff;color:#082f49;border:0;border-radius:8px;min-width:48px;min-height:48px;font:inherit;font-weight:700;padding:8px 14px}.site-nav ul{list-style:none;display:flex;align-items:center;gap:4px;margin:0;padding:0}.site-nav a{display:flex;align-items:center;min-height:48px;padding:8px 11px;color:#fff;text-decoration:none;font-size:.89rem;font-weight:650;border-radius:7px}.site-nav a:hover,.site-nav .current-menu-item a{background:rgba(255,255,255,.13)}main{display:block}.site-main{min-height:60vh}.home-review>.hero-copy{max-width:none;background:linear-gradient(125deg,#0b3a55,#0f6380 63%,#128c86);color:#fff;padding:clamp(54px,9vw,110px) max(clamp(20px,5vw,72px),calc((100vw - 1240px)/2));position:relative;overflow:hidden}.home-review>.hero-copy:after{content:"";position:absolute;width:440px;height:440px;border:80px solid rgba(255,255,255,.05);border-radius:50%;right:-120px;top:-180px}.eyebrow{color:#c6f7f0;text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;font-weight:800}.home-review h1{max-width:980px;margin:.2em 0 .35em;font-size:clamp(2.25rem,5.6vw,4.5rem);line-height:1.04;letter-spacing:-.045em;color:#fff}.hero-copy>p:not(.eyebrow){max-width:760px;font-size:clamp(1.05rem,1.8vw,1.28rem);color:#e9f7fa}.home-review>.hero-image{max-width:1440px;margin:-48px auto 72px;padding:0 clamp(16px,3vw,34px);position:relative}.hero-image img{aspect-ratio:16/9;object-fit:cover;width:100%;border:7px solid rgba(255,255,255,.92);box-shadow:var(--shadow);border-radius:18px}.home-review>h2,.home-review>p,.home-review>.faq,.home-review>.next-read{max-width:var(--read);margin-left:auto;margin-right:auto}.home-review>h2{font-size:clamp(1.8rem,3.8vw,2.65rem);line-height:1.17;letter-spacing:-.025em;margin-top:clamp(66px,8vw,104px);margin-bottom:18px;color:#0b3a55}.home-review>p{margin-top:0}.home-review>figure:not(.hero-image){max-width:1120px;margin:44px auto 70px;padding:0 clamp(18px,4vw,42px)}figure img{display:block;width:100%;border-radius:14px;box-shadow:var(--shadow);background:#dcecf3}figcaption{font-size:.82rem;color:var(--muted);margin:10px auto 0;max-width:900px}.guide-page,.trust-page{max-width:var(--read);margin:0 auto;padding:clamp(50px,7vw,86px) 22px 100px}.guide-page .eyebrow{color:#08736f}.guide-page h1,.trust-page h1{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.08;letter-spacing:-.04em;color:#0b3a55;margin:.15em 0 .45em}.guide-page>p:nth-of-type(2){font-size:1.08rem;color:#35515e;border-left:4px solid var(--teal);padding-left:20px}.guide-page h2,.trust-page h2{font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.2;color:#0c4f68;margin-top:64px}.guide-page h3{font-size:1.15rem;line-height:1.3}.table-wrap{overflow-x:auto;margin:32px calc((780px - min(1080px,90vw))/2);width:min(1080px,90vw);border-radius:14px;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;background:#fff;min-width:680px}th,td{text-align:left;padding:16px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#0b3a55;color:#fff}.decision-grid,.compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;background:var(--soft);padding:20px;border-radius:14px;margin:30px 0}.decision-grid>div,.compare>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}.decision-grid strong,.decision-grid span{display:block}.decision-grid span{font-size:.92rem;color:var(--muted);margin-top:7px}.timeline,.checklist,.decision,.flow{background:#e7f4f4;border-left:5px solid var(--teal);border-radius:12px;padding:24px 28px 24px 50px;margin:30px 0}.timeline li,.checklist li,.decision li,.flow li{padding:8px 0}.next-read{margin-top:64px;padding:24px;background:#fff3d9;border-radius:12px;border:1px solid #e8c77c}.faq{padding:60px 22px 100px}.faq h2{font-size:clamp(1.8rem,3vw,2.4rem);color:#0b3a55}.faq details{border-top:1px solid var(--line);background:#fff;padding:0 22px}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;min-height:58px;display:flex;align-items:center;font-weight:750;color:#0b3a55}.faq details p{padding-bottom:18px;margin:0}.site-footer{background:#062b43;color:#dbeaf0;margin-top:0}.footer-inner{max-width:var(--max);margin:auto;padding:50px clamp(20px,5vw,62px)}.footer-title{font-weight:800;color:#fff;font-size:1.2rem}.footer-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin:20px 0}.footer-links a{color:#dbeaf0}.disclosure{max-width:830px;font-size:.9rem;color:#b9d0da}.footer-email{color:#fff}.copyright{font-size:.8rem;color:#9ab5c0;margin-top:22px}.not-found{text-align:center;padding:100px 20px}.not-found a{display:inline-flex;min-height:48px;align-items:center;background:#0b3a55;color:#fff;padding:8px 18px;border-radius:8px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:960px){.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#082f49;padding:12px 20px 22px}.site-nav.is-open{display:block}.site-nav ul{display:block}.site-nav a{font-size:1rem;padding:10px 12px}.custom-logo{max-width:min(330px,68vw);height:44px}.home-review>.hero-image{margin-top:-30px}.decision-grid,.compare{grid-template-columns:1fr}.table-wrap{margin-left:0;margin-right:0;width:100%}}
@media(max-width:600px){body{font-size:16px}.header-inner{padding:12px 16px;min-height:72px}.site-nav{top:72px}.custom-logo{max-width:235px;height:40px}.home-review>.hero-copy{padding:48px 20px 70px}.home-review>.hero-image{padding:0 14px;margin-top:-30px;margin-bottom:50px}.hero-image img{aspect-ratio:5/4;object-position:center;}.home-review>h2,.home-review>p{margin-left:20px;margin-right:20px}.home-review>figure:not(.hero-image){padding:0 16px;margin-top:30px;margin-bottom:54px}.home-review>figure:not(.hero-image) img{aspect-ratio:4/3;object-fit:cover}.guide-page,.trust-page{padding-left:18px;padding-right:18px}.guide-page h2,.trust-page h2{margin-top:50px}.faq{padding-left:16px;padding-right:16px}.footer-inner{padding:42px 20px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.timeline,.checklist,.decision,.flow{padding:20px 18px 20px 38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}