/*
Theme Name: SatuAtap Company Profile
Description: Tema WordPress custom (company profile) untuk aplikasi SatuAtap - manajemen co-living & rumah bersama.
Version: 1.0
Author: Husain Fadllullah
Text Domain: satuatap
*/
:root{--navy:#1b2a4a;--navy2:#26395f;--orange:#f97316;--gold:#f0a830;--paper:#fbf9f6;--line:#e6e0d8;--ink:#1f2937;--mute:#667085;--ok:#16a37f;--warn:#d99a0b;--bad:#e5484d}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:'Urbanist',system-ui,sans-serif;font-size:18px;line-height:1.6;color:var(--ink);background:var(--paper)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
a{color:inherit}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
h1,h2,h3{font-weight:700;line-height:1.15;color:var(--navy);margin:0 0 .5em}
h1{font-size:clamp(2.4rem,6vw,4.4rem);letter-spacing:-.02em}h2{font-size:clamp(1.8rem,3.5vw,2.6rem)}h3{font-size:1.2rem}
p{margin:0 0 1em;max-width:68ch}
.site-header{position:sticky;top:0;z-index:10;background:rgba(251,249,246,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font-weight:800;font-size:1.4rem;color:var(--navy);text-decoration:none}.brand b{color:var(--orange)}
.nav{display:flex;gap:22px;font-size:.95rem;font-weight:600;overflow-x:auto}.nav a{text-decoration:none;color:var(--navy2);white-space:nowrap}.nav a:hover{color:var(--orange)}
a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.btn{display:inline-block;background:var(--orange);color:#fff;font-weight:700;padding:14px 26px;border-radius:10px;text-decoration:none}
.btn.alt{background:transparent;color:var(--navy);border:2px solid var(--navy);margin-left:10px}
section{padding:84px 0;border-bottom:1px solid var(--line)}section.dark{background:var(--navy);color:#dbe3f2}section.dark h2,section.dark h3{color:#fff}
.lead{font-size:1.2rem;color:var(--mute)}
/* hero */
.hero{padding:72px 0 88px}.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.phone{background:#fff;border:10px solid var(--navy);border-radius:36px;padding:18px;max-width:320px;margin:auto;box-shadow:0 30px 60px -30px rgba(27,42,74,.5)}
.phone h4{margin:0 0 2px;font-size:1.05rem;color:var(--navy)}.phone small{color:var(--mute)}
.bill{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--line);font-size:.95rem}
.chip{font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:99px}
.c-bad{background:#fde8e8;color:var(--bad)}.c-warn{background:#fdf1d3;color:var(--warn)}.c-ok{background:#dcf5ec;color:var(--ok)}
.phone .total{background:var(--orange);color:#fff;border-radius:14px;padding:14px;margin:12px 0;font-weight:700}
.phone .total span{display:block;font-weight:500;font-size:.8rem;opacity:.9}
/* grids */
.grid{display:grid;gap:20px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}
.card.tint{background:#fff6ec;border-color:#f6d9b8}
ul.t{padding-left:1.1em;margin:0}ul.t li{margin-bottom:.4em}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;font-size:.98rem}th{background:var(--navy);color:#fff}
.scroll{overflow-x:auto}
.swot .card h3{display:flex;gap:10px;align-items:center}.swot .s{border-top:5px solid var(--ok)}.swot .w{border-top:5px solid var(--bad)}.swot .o{border-top:5px solid var(--gold)}.swot .t2{border-top:5px solid var(--navy)}
/* bmc */
.bmc{display:grid;grid-template-columns:repeat(10,1fr);gap:10px}.bmc .b{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;font-size:.9rem;line-height:1.45}
.bmc h3{font-size:.95rem;margin-bottom:.4em;color:var(--orange)}.b.kp{grid-column:span 2;grid-row:span 2}.b.ka,.b.kr{grid-column:span 2}.b.vp{grid-column:span 2;grid-row:span 2;background:#fff6ec}.b.cr,.b.ch{grid-column:span 2}.b.cs{grid-column:span 2;grid-row:span 2}.b.co,.b.rv{grid-column:span 5}
/* pricing */
.price{font-size:2.2rem;font-weight:800;color:var(--navy)}.price small{font-size:1rem;font-weight:500;color:var(--mute)}
.plan.pop{border:2px solid var(--orange)}.plan .tag{font-size:.8rem;font-weight:700;color:var(--orange)}
.arch{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}.arch svg{width:100%;height:auto;display:block}
.site-footer{background:var(--navy);color:#b9c4dc;padding:48px 0;font-size:.95rem}.site-footer a{color:#fff}
@media(max-width:860px){.hero .wrap,.g2,.g3,.g4{grid-template-columns:1fr}.bmc{grid-template-columns:1fr}.bmc .b{grid-column:auto!important;grid-row:auto!important}.nav{display:none}}