.casagore{--cg-gold:#ffc600;--cg-sand:#fcfaf6;--cg-ink:#14222a;--cg-sea:#5dc2da;--cg-jost:"Jost Variable", system-ui, sans-serif}.cg-ctx{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(28px,6vw,88px);display:grid}.cg-ctx .cs-text+.cs-text{margin-top:14px}.cg-drone{aspect-ratio:16/9;background:#002028;border-radius:20px;margin:0;position:relative;overflow:hidden;box-shadow:0 50px 90px -50px #000c}.cg-drone video{object-fit:cover;width:100%;height:100%;display:block}.cg-drone:after{content:"";pointer-events:none;background:linear-gradient(#00202873,#0000 40%);position:absolute;inset:0}.cg-drone-by{z-index:1;font:11px/1 var(--mono);letter-spacing:.04em;color:#ffffffc7;text-shadow:0 1px 6px #00000080;position:absolute;bottom:12px;right:14px}.cg-drone-logo{z-index:1;filter:drop-shadow(0 4px 14px #00000059);width:clamp(110px,14vw,170px);height:auto;position:absolute;top:18px;left:22px}.cg-seo-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:clamp(14px,2.4vw,28px);display:grid}.cg-serp{color:#202124;background:#fff;border-radius:22px;padding:clamp(18px,2.6vw,30px);font-family:Arial,system-ui,sans-serif;box-shadow:0 50px 90px -50px #000000b3}.cg-search{border:1px solid #dfe1e5;border-radius:999px;align-items:center;gap:12px;height:46px;margin-bottom:22px;padding:0 18px;font-size:16px;display:flex;box-shadow:0 1px 6px #2021242e}.cg-mag{border:2px solid #9aa0a6;border-radius:50%;flex-shrink:0;width:14px;height:14px;position:relative}.cg-mag:after{content:"";background:#9aa0a6;width:2px;height:7px;position:absolute;bottom:-6px;right:-4px;transform:rotate(-45deg)}.cg-caret{background:#202124;width:1px;height:20px;margin-left:-10px;animation:1s step-end infinite cgCaret}@keyframes cgCaret{50%{opacity:0}}.cg-results{gap:22px;margin:0;padding:0;list-style:none;display:grid}.cg-results li{opacity:0;transition:opacity .5s, transform .5s var(--ease);transition-delay:calc(var(--i) * .14s);transform:translateY(8px)}.cg-serp.shown .cg-results li{opacity:1;transform:none}.cg-url{color:#4d5156;align-items:center;gap:10px;font-size:13px;display:flex}.cg-url img{background:#f1f3f4;border-radius:50%;width:26px;height:26px;padding:4px}.cg-title{color:#1a0dab;margin:6px 0 4px;font-size:clamp(17px,1.6vw,20px);font-weight:400;line-height:1.3;display:block}.cg-results li:hover .cg-title{text-decoration:underline}.cg-desc{color:#4d5156;font-size:14px;line-height:1.58;display:block}.cg-note{font-family:var(--mono);color:#70757a;margin:22px 0 0;font-size:11px}.cg-schema{background:#002028;border-radius:22px;padding:clamp(18px,2.6vw,28px);box-shadow:inset 0 0 0 1px #ffffff14}.cg-schema pre{font-family:var(--mono);color:#fff9;white-space:pre-wrap;word-break:break-word;margin:14px 0 0;font-size:12px;line-height:1.75}.cg-schema .k{color:var(--cg-sea)}.cg-schema .s{color:#ffdb31}.cg-schema .n{color:#f5efe4}.cg-schema .c{color:#ffffff73;font-style:italic}.cg-chips{flex-wrap:wrap;gap:6px;margin:18px 0 0;padding:0;list-style:none;display:flex}.cg-chips li{color:#ffdb31;font-family:var(--mono);border:1px solid #ffc60073;border-radius:999px;padding:5px 10px;font-size:11px}.cg-res{background:#002028;border-radius:22px;padding:clamp(16px,2.4vw,28px);box-shadow:inset 0 0 0 1px #ffffff14}.cg-stage{place-items:center;min-height:clamp(220px,34vw,430px);padding:12px 0;display:grid}.cg-screen{width:calc(var(--w) / 1920 * 100%);background:#0f1a1e;border-radius:clamp(8px,1vw,14px);min-width:74px;padding:6px;transition:width .12s linear;position:relative;box-shadow:inset 0 0 0 1px #ffffff24,0 30px 60px -30px #000000e6}.cg-screen img{aspect-ratio:16/9;object-fit:cover;border-radius:6px;width:100%;height:auto;display:block}.cg-badge{color:#ffdb31;font-family:var(--mono);background:#002028d9;border-radius:6px;padding:3px 8px;font-size:11px;position:absolute;bottom:12px;right:12px}.cg-slider{gap:8px;margin-top:16px;display:grid}.cg-slider input{width:100%;accent-color:var(--cg-gold);cursor:ew-resize}.cg-out{font-family:var(--mono);color:#fff;font-size:13px}.cg-sizes{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.cg-sizes li{color:#ffffff8c;border:1px solid #ffffff24;border-radius:12px;padding:10px 12px;transition:background .25s,color .25s,border-color .25s}.cg-sizes li b{font-family:var(--cg-jost);margin-right:4px;font-size:22px;font-weight:500}.cg-sizes li span{font-family:var(--mono);font-size:11px}.cg-sizes li.on{background:var(--cg-gold);border-color:var(--cg-gold);color:#003845}.cg-video-note{border-left:2px solid var(--cg-gold);max-width:62ch;margin-top:clamp(28px,4vw,44px);padding-left:18px}.cg-video-note h3{margin:0 0 8px;font-size:18px;font-weight:500}.cg-video-note p{color:var(--ink-2);margin:0}.cg-contrast{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;display:grid}.cg-sample{background:var(--cg-sand);border-radius:22px;grid-row:span 2;align-content:center;min-height:clamp(220px,26vw,320px);padding:clamp(22px,3vw,40px);display:grid;position:relative}.cg-sample-text{font-family:var(--cg-jost);transition:color .5s var(--ease);margin:0;font-size:clamp(30px,4.2vw,60px);font-weight:500;line-height:1.05}.cg-ratio{color:#b3261e;align-items:baseline;gap:10px;display:flex;position:absolute;bottom:clamp(18px,2.4vw,28px);left:clamp(22px,3vw,40px)}.cg-ratio b{font-family:var(--cg-jost);font-size:clamp(26px,2.6vw,36px);font-weight:600}.cg-ratio span{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.cg-ratio.ok{color:#1e6b3a}.cg-steps{gap:8px;display:grid}.cg-steps button{color:#fff;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:14px;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:12px 14px;font-size:15px;transition:background .25s,border-color .25s;display:grid}.cg-steps button i{border-radius:50%;width:28px;height:28px;box-shadow:inset 0 0 0 1px #ffffff40}.cg-steps button code{font-family:var(--mono);color:#fff9;font-size:12px}.cg-steps button[aria-checked=true]{border-color:var(--cg-gold);background:#ffffff14}.cg-btn-demo{background:#002028;border-radius:18px;justify-items:start;gap:8px;padding:18px;display:grid}.cg-btn{font-family:var(--cg-jost);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:12px 22px;font-size:13px;font-weight:600;display:inline-block}.cg-btn-ratio{font-family:var(--mono);color:#9be3b4;font-size:12px}.cg-btn-ratio:after{content:" ✓ AA"}.cg-btn-demo small{color:#ffffff8c;font-size:12px}.cg-rule-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.4vw,28px);margin-top:22px;display:grid}.cg-rule-grid article{border-top:1px solid var(--hair);padding-top:18px}.cg-rule-grid h3{font-family:var(--serif);margin:10px 0;font-size:clamp(26px,2.4vw,34px);font-weight:400;line-height:1.05}.cg-rule-grid p{color:var(--ink-2);margin:0;font-size:15px}.cg-browser{background:#fff;border-radius:14px;margin:0;overflow:hidden;box-shadow:0 50px 90px -50px #000c}.cb-bar{background:#f1efe9;align-items:center;gap:6px;height:34px;padding:0 14px;display:flex;position:relative}.cb-bar i{background:#d6d1c6;border-radius:50%;width:10px;height:10px}.cb-bar span{font-family:var(--mono);color:#5a6b75;background:#fff;border-radius:6px;padding:3px 44px;font-size:11px;position:absolute;left:50%;transform:translate(-50%)}.cg-browser img{width:100%;height:auto;display:block}.cg-site-row{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:16px;margin-top:16px;display:grid}.cg-phones{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.cg-mphone{margin:0}.cg-mphone img{border:6px solid #0c1417;border-radius:22px;width:100%;height:auto;display:block}.cg-pages{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.cg-pages figure{margin:0}.cg-pages img{border-radius:10px;width:100%;height:auto;display:block}.cg-pages figcaption,.cg-mphone figcaption{color:var(--ink-3);margin-top:10px;font-size:13px}.cg-credit{font-family:var(--mono);color:var(--ink-3);margin:clamp(36px,5vw,56px) 0 0;font-size:11px}@media (width<=960px){.cg-ctx,.cg-seo-grid,.cg-contrast,.cg-site-row{grid-template-columns:minmax(0,1fr)}.cg-sample{grid-row:auto}.cg-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.cg-sizes{grid-template-columns:repeat(2,minmax(0,1fr))}.cg-rule-grid,.cg-pages{grid-template-columns:minmax(0,1fr)}.cg-stage{min-height:180px}}
