@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');
:root{--ink:#183047;--muted:#58697a;--paper:#f8faf9;--accent:#167e8b;--border:#dfe8ec;--radius:20px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',ui-sans-serif,system-ui,Arial,sans-serif;line-height:1.6}a{color:inherit}a:hover{text-decoration-thickness:2px}header.global{background:#102d40;color:#fff}header.global nav{max-width:1150px;padding:18px 25px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}header.global nav a{text-decoration:none;font-weight:700}header.global .brand{font-family:'Playfair Display',Georgia,serif;font-size:24px}header.global nav .secondary{font-size:13px;background:#2c5768;padding:9px 15px;border-radius:100px}main{max-width:1150px;margin:auto;padding:0 25px 70px}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;line-height:1.17}p{margin-top:0;color:var(--muted)}.hero{padding:70px 0 40px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:700;color:#188494}.hero h1{font-size:clamp(40px,6.5vw,78px);max-width:850px;margin:14px 0 20px}.hero p{font-size:18px;max-width:700px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.guide-card{display:block;text-decoration:none;background:white;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 14px 30px #1c324113;transition:transform .15s}.guide-card:hover{transform:translateY(-4px)}.guide-card img{width:100%;height:185px;object-fit:cover;display:block}.guide-card div{padding:20px}.guide-card small{color:var(--accent);font-weight:700;letter-spacing:.5px}.guide-card h2{font-size:24px;margin:6px 0 8px}.guide-card p{font-size:14px;margin:0}.guide-header{padding:35px 0 15px}.back{display:inline-block;color:#157c8a;text-decoration:none;font-weight:700;font-size:14px}.guide-header h1{font-size:clamp(42px,5vw,66px);margin:15px 0 12px}.guide-summary{font-size:19px;max-width:850px}.cover{width:100%;height:min(45vw,420px);object-fit:cover;border-radius:25px;box-shadow:0 14px 35px #102d4022}.article-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:45px;margin-top:37px}.article-layout h2{font-size:31px}.article-layout h3{font-size:22px}.article-layout li{margin-bottom:14px;color:#405467}.side-panel{background:#e9f2ef;padding:24px;border-radius:22px;height:fit-content}.side-panel h3{margin-top:0}.tip{padding:10px 0;border-bottom:1px solid #cededc;font-size:14px;color:#496474}.tip:last-child{border:0}.kreate-place-actions{background:#eff9f6;border:1px solid #beded4;border-radius:16px;padding:14px;display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.kreate-place-actions a{background:#fff;color:#184f57;font-weight:700;text-decoration:none;box-shadow:0 3px 10px #1c324110}.kreate-place-actions a:hover{background:#d9f1e9}.why{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px;margin-top:20px}.why p:last-child{margin-bottom:0}.demo-note{border:1px solid #d9e4ef;border-radius:12px;background:#f0f6ff;color:#42617c;padding:12px 16px;font-size:13px;margin:15px 0}.foot{padding:28px;text-align:center;background:#102d40;color:#c4dbe2;font-size:13px}.foot a{color:#c4eef2}button{cursor:pointer}@media(max-width:850px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.cover{height:320px}}@media(max-width:560px){.guide-grid{grid-template-columns:1fr}.hero{padding-top:35px}.cover{height:230px}.brand{font-size:20px!important}.secondary{font-size:11px!important}header.global nav{padding:14px 18px}}