:root{font-family:Inter,"Segoe UI",system-ui,sans-serif;color:#183028;background:#eef1ec}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 5% 0,#dfeae2,transparent 35%),#f2f3ef}.topbar{height:72px;padding:0 max(24px,calc((100% - 1240px)/2));display:flex;align-items:center;justify-content:space-between;background:#173c31;color:#fff}.topbar strong{display:flex;align-items:center;gap:10px}.logo-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#d9a95f;color:#173c31;font:18px Georgia}.topbar a{color:#dcebe4;text-decoration:none;font-size:13px;padding:9px 13px;border:1px solid #ffffff2b;border-radius:9px}.layout{width:min(1240px,calc(100% - 32px));margin:34px auto;display:grid;grid-template-columns:350px minmax(0,1fr);gap:26px;align-items:start}.control-card,.browser{background:#fff;border:1px solid #dce3dc;box-shadow:0 18px 55px #173f3112}.control-card{padding:30px;border-radius:18px;position:sticky;top:20px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#4e806b;font-weight:750}.control-card h1{font:30px/1.18 Georgia,serif;margin:11px 0 14px;color:#173c31}.muted{color:#718078;font-size:13px;line-height:1.7;margin:0 0 25px}label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.8px;font-weight:700;margin-bottom:8px}input{width:100%;border:1px solid #bbc8bf;background:#fbfcfa;border-radius:10px;padding:12px 13px;font:12px ui-monospace,monospace;outline:none}input:focus{border-color:#39715d;box-shadow:0 0 0 3px #39715d18}.primary,.fix-button{width:100%;border:0;border-radius:10px;padding:12px 15px;font-weight:700;cursor:pointer}.primary{display:flex;justify-content:space-between;margin-top:11px;background:#26634d;color:#fff}.status-box{display:flex;gap:10px;border-radius:10px;padding:12px;margin-top:18px;font-size:12px;line-height:1.5}.status-box p{margin:0}.neutral{background:#f1f4f1;color:#64736b}.ready{background:#e4f2e9;color:#205c43}.error{background:#fff0ed;color:#963f36}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none;margin-top:5px}.fix-button{margin-top:10px;background:#a85f31;color:#fff}.tip{margin-top:24px;padding-top:20px;border-top:1px solid #e5e9e5;font-size:11px;color:#7b867f}.tip p{line-height:1.6}.tip code{color:#2d604c}.browser{border-radius:17px;overflow:hidden;min-height:680px}.browser-bar{height:48px;background:#e9ece9;border-bottom:1px solid #d8ded9;display:grid;grid-template-columns:80px 1fr 80px;align-items:center;padding:0 16px}.traffic{display:flex;gap:6px}.traffic i{width:9px;height:9px;border-radius:50%;background:#d48c7a}.traffic i:nth-child(2){background:#d7b65d}.traffic i:nth-child(3){background:#72a87b}.address{justify-self:center;width:min(440px,90%);padding:7px 13px;border-radius:7px;background:#f8faf8;color:#9aa39c;font-size:11px}.site-nav{height:80px;padding:0 34px;display:flex;align-items:center;border-bottom:1px solid #edf0ed}.sample-logo{display:flex;align-items:center;gap:10px;color:#1f4a39}.sample-logo>b{display:grid;place-items:center;width:35px;height:35px;border:1px solid #a9bcae;border-radius:50%;font:19px Georgia}.sample-logo>span{font-family:Georgia;font-weight:bold}.sample-logo small{display:block;font:7px Inter;text-transform:uppercase;letter-spacing:1.2px;color:#859188}.site-nav nav{display:flex;gap:25px;margin-left:auto;font-size:11px;color:#65756c}.site-nav button{margin-left:28px;border:1px solid #2c634e;background:transparent;color:#2c634e;border-radius:7px;padding:9px 14px}.hero{min-height:375px;display:grid;grid-template-columns:55% 45%;background:#f4f1e9;overflow:hidden}.hero-copy{padding:55px 18px 45px 50px;z-index:2}.hero-tag{font-size:8px;letter-spacing:1.6px;color:#8f7246;font-weight:bold}.hero h2{font:43px/1.08 Georgia;color:#1b4333;margin:16px 0}.hero p{font-size:12px;line-height:1.75;color:#6e786e}.hero a{display:inline-block;margin-top:17px;font-size:11px;font-weight:700;color:#285c48}.hero-art{position:relative;background:linear-gradient(145deg,#dfe9d8,#b8ccb3)}.sun{position:absolute;width:170px;height:170px;border-radius:50%;background:#edc77d;top:40px;right:40px;box-shadow:0 0 80px #f6dd9b}.bowl{position:absolute;bottom:42px;right:55px;width:220px;height:110px;border-radius:12px 12px 110px 110px;background:#f4eee1;color:#b98b51;font:bold 100px/50px Georgia;text-align:center;box-shadow:0 20px 25px #315e3d30}.leaf{position:absolute;width:55px;height:135px;background:#538160;border-radius:100% 0 100% 0;transform:rotate(35deg)}.leaf.one{bottom:95px;left:45px}.leaf.two{bottom:115px;left:105px;transform:rotate(70deg);background:#73966c}.features{display:grid;grid-template-columns:repeat(3,1fr);padding:28px 34px}.features article{padding:9px 25px;border-right:1px solid #e6eae6}.features article:last-child{border:0}.features span{font:11px Georgia;color:#b18b55}.features h3{font:16px Georgia;margin:8px 0;color:#234b3b}.features p{font-size:10px;line-height:1.55;color:#849087}@media(max-width:900px){.layout{grid-template-columns:1fr}.control-card{position:static}.hero{grid-template-columns:1fr}.hero-art{min-height:260px}.site-nav nav{display:none}}@media(max-width:560px){.layout{width:calc(100% - 20px);margin:14px auto}.control-card{padding:22px}.hero-copy{padding:40px 25px}.hero h2{font-size:35px}.features{grid-template-columns:1fr}}