@import "https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700;800;900&display=swap";
*{box-sizing:border-box}html,body{margin:0;padding:0}body,button,input,select,textarea{font-family:Noto Sans,Arial,Helvetica,sans-serif}body{color:#253139;background:#f4f6f7}a{color:inherit;text-decoration:none}.full-demo-home{color:#253139;background:#f4f6f7;min-height:100vh}.full-demo-header{background:#fff;border-bottom:1px solid #dde3e7;justify-content:space-between;align-items:center;height:82px;padding:0 46px;display:flex}.full-demo-header img{width:155px;height:auto}.full-demo-header>div{text-align:right}.full-demo-header>div span{letter-spacing:.13em;color:#7c878f;font-size:10px;font-weight:800;display:block}.full-demo-header>div strong{color:#304039;margin-top:4px;font-size:13px;display:block}.full-demo-hero{max-width:1180px;margin:0 auto;padding:28px 34px 18px}.full-demo-hero h1{letter-spacing:-.045em;color:#0c5130;margin:0 0 10px;font-size:47px;line-height:1.03}.full-demo-hero p{color:#65727b;max-width:770px;margin:0;font-size:15px;line-height:1.55}.full-demo-logic{background:#fff;border:1px solid #dbe1e5;border-radius:12px;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:17px;max-width:1112px;margin:0 auto 12px;padding:14px 20px;display:grid}.full-demo-logic div span{letter-spacing:.08em;color:#7e898f;font-size:9px;font-weight:800;display:block}.full-demo-logic div strong{color:#2c3b32;margin:5px 0 3px;font-size:12px;display:block}.full-demo-logic div small{color:#77827a;font-size:10px}.full-demo-logic>b{color:#95a29a;font-size:18px}.full-demo-cards{grid-template-columns:repeat(3,1fr);gap:14px;max-width:1180px;margin:0 auto;padding:0 34px 12px;display:grid}.full-demo-card{text-align:left;cursor:pointer;color:inherit;background:#fff;border:1px solid #d8dfe3;border-radius:14px;min-height:286px;padding:19px 23px 17px;transition:all .15s;display:block}.full-demo-card:hover{border-color:#8faf9a;transform:translateY(-2px);box-shadow:0 7px 20px #18402814}.full-demo-eyebrow{letter-spacing:.085em;color:#6f7c74;font-size:9.5px;font-weight:900}.full-demo-card h2{color:#173d29;margin:6px 0;font-size:22px}.full-demo-card p{color:#66727b;min-height:48px;margin:0;font-size:12.5px;line-height:1.5}.full-demo-card>div{border-top:1px solid #edf0f2;gap:8px;margin:11px 0 10px;padding-top:11px;display:grid}.full-demo-card>div span{color:#4e5d55;font-size:11px}.full-demo-card>strong{color:#0d5a35;font-size:11.5px;display:block}.full-demo-hierarchy{color:#fff;background:#153e2a;border-radius:12px;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:18px;max-width:1112px;margin:0 auto 8px;padding:12px 22px;display:grid}.full-demo-hierarchy div span{letter-spacing:.1em;color:#b7cabc;font-size:9px;font-weight:800;display:block}.full-demo-hierarchy div strong{margin-top:5px;font-size:12px;display:block}.full-demo-hierarchy>b{color:#9eb5a6}.native-demo-view{background:#f4f6f7;min-height:100vh}.native-demo-bar{color:#fff;z-index:10000;background:#153e2a;justify-content:space-between;align-items:center;height:50px;padding:0 18px;display:flex;position:relative}.native-demo-home-button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff80;border-radius:7px;padding:8px 12px;font-size:11px;font-weight:800}.native-demo-bar div{align-items:baseline;gap:9px;display:flex}.native-demo-bar span{letter-spacing:.08em;color:#b9cdbf;font-size:10px;font-weight:800}.native-demo-bar strong{font-size:12px}.native-demo-stage{background:#fff;min-height:calc(100vh - 50px);display:block;position:relative}@media (max-width:900px){.full-demo-cards,.full-demo-logic,.full-demo-hierarchy{grid-template-columns:1fr}.full-demo-logic>b,.full-demo-hierarchy>b{justify-self:start;transform:rotate(90deg)}.full-demo-hero h1{font-size:38px}.full-demo-header{padding:0 20px}.full-demo-hero,.full-demo-cards{padding-left:18px;padding-right:18px}.full-demo-logic,.full-demo-hierarchy{margin-left:18px;margin-right:18px}}