:root{--red:#ef2b3a;--red2:#ff596b;--ink:#1a1418;--muted:#786d72;--line:#eadde0;--green:#25d366;--blue:#229ed9}*{box-sizing:border-box}body{margin:0;font-family:Poppins,system-ui,sans-serif;color:var(--ink);background:linear-gradient(145deg,#fffafa,#fff1f3)}a{text-decoration:none;color:inherit}.intro-nav{height:76px;padding:0 clamp(20px,5vw,70px);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#2a0b11,#7b1724);color:#fff}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.08em}.brand-mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,var(--red),var(--red2));display:grid;place-items:center}.brand-mark svg{width:21px}.brand>span>span{color:#ff9daa}.directory-link{font-size:.82rem;font-weight:700;color:#ffd7dc}.intro-page{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;width:min(1180px,calc(100% - 40px));margin:auto;padding:70px 0}.kicker{display:inline-block;color:var(--red);font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.16em}.intro-copy h1{font-size:clamp(2.6rem,5.2vw,5rem);line-height:1.03;letter-spacing:-.055em;margin:18px 0 22px}.intro-copy>p{max-width:690px;color:var(--muted);font-size:1.02rem;line-height:1.75}.benefits{display:grid;gap:13px;margin:30px 0}.benefits article{display:flex;align-items:center;gap:13px}.benefits article>svg{width:40px;height:40px;padding:9px;border-radius:13px;background:#fff0f2;color:var(--red)}.benefits strong,.benefits span{display:block}.benefits strong{font-size:.88rem}.benefits span{font-size:.72rem;color:var(--muted)}.google-start{display:inline-flex;align-items:center;gap:12px;margin-top:8px;padding:14px 18px;border-radius:14px;background:#fff;border:1px solid #ded2d5;font-weight:800;box-shadow:0 16px 34px rgba(77,18,29,.12)}.google-start>svg{width:18px;color:var(--red)}.google-g{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;border:1px solid #ddd;color:#4285f4;font-weight:800}.intro-note{display:flex;align-items:center;gap:7px;margin-top:14px;color:var(--muted)}.intro-note svg{width:15px}.intro-visual{display:grid;place-items:center}.avatar-orbit{width:min(460px,90vw);aspect-ratio:1;position:relative;border-radius:50%;background:radial-gradient(circle,#fff 0 30%,#fff1f3 31% 52%,transparent 53%),conic-gradient(from 120deg,#ffe1e5,#fff,#ffe1e5);box-shadow:0 40px 90px rgba(95,25,37,.16)}.avatar-core{position:absolute;inset:32%;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#2b0d13,#821927);color:#fff}.avatar-core svg{width:72px;height:72px}.orbit{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;background:#fff;font-size:.72rem;font-weight:800;box-shadow:0 14px 30px rgba(55,15,24,.12)}.orbit svg{width:16px}.orbit.web{left:-3%;top:23%;color:var(--red)}.orbit.wa{right:-4%;top:43%;color:#159447}.orbit.tg{left:12%;bottom:4%;color:#168aca}.verified-card{position:absolute;right:2%;bottom:13%;display:flex;align-items:center;gap:10px;padding:13px 15px;background:#fff;border-radius:16px;box-shadow:0 18px 38px rgba(55,15,24,.14)}.verified-card>svg{width:25px;color:#159447}.verified-card strong,.verified-card span{display:block}.verified-card strong{font-size:.74rem}.verified-card span{font-size:.62rem;color:var(--muted)}@media(max-width:850px){.intro-page{grid-template-columns:1fr;padding:50px 0}.intro-visual{order:-1}.avatar-orbit{width:min(360px,84vw)}}@media(max-width:520px){.intro-nav{padding:0 16px}.directory-link{display:none}.intro-page{width:min(100% - 28px,1180px);padding:38px 0}.intro-copy h1{font-size:2.45rem}.google-start{width:100%;justify-content:center}.avatar-orbit{width:min(300px,82vw)}.orbit{font-size:.62rem;padding:8px 10px}.verified-card{right:-3%}}

/* CTA Google di sisi kanan */
.intro-visual{gap:24px}.intro-start-card{width:min(460px,90vw);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-radius:20px;background:#fff;border:1px solid #f0c9cf;box-shadow:0 22px 50px rgba(95,25,37,.14)}.intro-start-card small,.intro-start-card strong{display:block}.intro-start-card small{font-size:.67rem;color:var(--muted)}.intro-start-card strong{font-size:.9rem;margin-top:3px}.intro-start-card .google-start{margin:0;background:linear-gradient(135deg,var(--red),var(--red2));border:0;color:#fff;box-shadow:0 14px 30px rgba(239,43,58,.28);white-space:nowrap}.intro-start-card .google-start>svg{color:#fff}.intro-start-card .google-g{background:#fff;border-color:#fff}@media(max-width:520px){.intro-start-card{width:min(100%,360px);flex-direction:column;align-items:stretch}.intro-start-card .google-start{width:100%;justify-content:center}}

.single-focus{grid-template-columns:1fr;justify-items:center;text-align:center;max-width:900px}.intro-centered{max-width:820px;margin:auto}.intro-centered>p{margin-left:auto;margin-right:auto}.compact-benefits{grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px;margin:32px auto}.compact-benefits article{text-align:left;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.google-prominent{display:flex;width:min(560px,100%);margin:34px auto 0;padding:18px 22px;border:0;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;border-radius:18px;box-shadow:0 22px 48px rgba(239,43,58,.28);justify-content:flex-start;text-align:left;transition:.25s}.google-prominent:hover{transform:translateY(-3px);box-shadow:0 28px 58px rgba(239,43,58,.34)}.google-logo{width:46px;height:46px;border-radius:13px;background:#fff;display:grid;place-items:center;flex:0 0 auto}.google-logo svg{width:27px;height:27px}.google-label{display:flex;flex-direction:column;gap:2px;flex:1}.google-label strong{font-size:1rem}.google-label small{font-size:.72rem;color:#ffe9ec;font-weight:500}.google-prominent>svg{width:22px;color:#fff}.intro-centered .intro-note{justify-content:center}.intro-visual,.avatar-orbit,.verified-card,.orbit{display:none!important}@media(max-width:620px){.compact-benefits{grid-template-columns:1fr}.google-prominent{padding:15px}.google-logo{width:42px;height:42px}.intro-centered h1{font-size:2.5rem}}