/*
Theme Name: GARANSI
Author: Tim Web
Version: 1.0.0
Text Domain: garansi
*/
:root{--red:#a30d18;--dark:#171717;--muted:#686868;--soft:#f6f3f1;--white:#fff;--line:#e5dfdc;--radius:18px;--shell:min(1140px,calc(100% - 40px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--dark);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7;background:#fff}a{color:var(--red);text-decoration-thickness:1px;text-underline-offset:3px}img{max-width:100%;height:auto}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;z-index:100;background:#fff;padding:12px}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;color:var(--dark);text-decoration:none}.brand-mark{width:44px;height:44px;background:var(--red);color:#fff;display:grid;place-items:center;border-radius:50%;font-weight:900}.brand strong{display:block;font-size:1.2rem;letter-spacing:.04em}.brand small{display:block;color:var(--muted);font-size:.68rem;line-height:1.15}.menu-toggle{display:none;border:0;background:var(--dark);color:#fff;border-radius:10px;padding:10px 13px;font:inherit}.primary-nav ul{list-style:none;display:flex;gap:24px;margin:0;padding:0}.primary-nav a{color:var(--dark);text-decoration:none;font-weight:650;font-size:.92rem}.primary-nav a:hover,.primary-nav .current-menu-item>a{color:var(--red)}main{min-height:55vh}.hero{background:linear-gradient(125deg,#fff 0,#fff 56%,#f8e9e9 100%);padding:90px 0 82px}.hero-grid{display:grid;grid-template-columns:1.4fr .75fr;gap:64px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:800;color:var(--red);margin:0 0 12px}.hero h1,.entry h1{font-size:clamp(2.4rem,6vw,5.2rem);line-height:1.02;letter-spacing:-.055em;margin:0 0 24px;max-width:940px}.lead{font-size:clamp(1.1rem,2vw,1.32rem);color:#474747;max-width:760px}.hero-card{background:var(--dark);color:#fff;border-radius:28px;padding:38px;box-shadow:0 30px 70px rgba(82,0,7,.16)}.hero-card span{display:block;color:#ffb3b9;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:800}.hero-card p{font-size:1.25rem;line-height:1.5;margin-bottom:0}.actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:#fff;text-decoration:none;border:1px solid var(--red);padding:13px 20px;border-radius:999px;font-weight:750;cursor:pointer}.button-ghost{background:transparent;color:var(--red)}.button-light{background:#fff;color:var(--red);border-color:#fff}.section{padding:82px 0}.section h2,.entry h2{font-size:clamp(1.75rem,4vw,3rem);line-height:1.13;letter-spacing:-.035em;margin:0 0 24px}.section-red{background:var(--red);color:#fff}.section-red .eyebrow{color:#ffd3d6}.section-soft{background:var(--soft)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.cards article{border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:#fff}.cards article>b{font-size:.78rem;color:var(--red)}.cards h2,.cards h3{font-size:1.3rem;letter-spacing:-.02em}.split,.contact-strip,.contact-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:50px;align-items:center}.contact-strip a{display:block;font-size:1.15rem;font-weight:700}.text-link{font-weight:800;font-size:1.05rem}.entry{width:min(900px,calc(100% - 40px));margin:0 auto;padding:78px 0}.entry h1{font-size:clamp(2.4rem,6vw,4.6rem)}.entry h2{margin-top:54px}.entry blockquote{border-left:5px solid var(--red);margin:34px 0;padding:20px 30px;background:var(--soft);font-size:1.3rem}.notice{background:#fff5e6;border:1px solid #f1d7af;border-radius:14px;padding:18px 22px;margin:30px 0}.notice p{margin-bottom:0}.contact-grid{align-items:start}.socials{display:flex;gap:12px;flex-wrap:wrap}.socials a{border:1px solid var(--line);padding:10px 16px;border-radius:999px;text-decoration:none}.join-form{display:grid;gap:18px;background:var(--soft);padding:30px;border-radius:var(--radius);margin-top:34px}.join-form label,.join-form legend{font-weight:700}.join-form input:not([type=radio]):not([type=checkbox]){display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #c8c1be;border-radius:10px;background:#fff;font:inherit}.join-form fieldset{border:0;padding:0;display:flex;gap:20px}.join-form fieldset legend{margin-bottom:8px}.check{font-weight:500!important}.hp{position:absolute!important;left:-9999px!important}.form-status{padding:14px;border-radius:10px}.success{background:#e5f6ea;color:#145d2a}.error{background:#fde7e7;color:#8c1010}.site-footer{background:#151515;color:#ddd;padding:62px 0 25px}.footer-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:50px}.site-footer h2,.site-footer h3{color:#fff}.site-footer a{color:#fff}.footer-bottom{border-top:1px solid #373737;margin-top:42px;padding-top:22px;font-size:.85rem;color:#aaa}.placeholder{background:var(--soft);padding:60px 20px;text-align:center}.pagination{margin:35px 0}.pagination .page-numbers{padding:8px}.entry :focus-visible,.site-header :focus-visible{outline:3px solid #ffbe37;outline-offset:3px}@media(max-width:820px){.header-inner{min-height:68px}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:16px 20px 24px}.primary-nav.open{display:block}.primary-nav ul{display:grid;gap:4px}.primary-nav a{display:block;padding:10px}.hero{padding:60px 0}.hero-grid,.split,.contact-strip,.contact-grid,.footer-grid{grid-template-columns:1fr;gap:28px}.hero-card{padding:28px}.cards{grid-template-columns:1fr}.section{padding:60px 0}.brand small{display:none}.entry{padding:58px 0}.join-form{padding:20px}}@media(max-width:440px){:root{--shell:calc(100% - 28px)}.hero h1,.entry h1{font-size:2.55rem}.actions .button{width:100%}}
