@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--cream:#f7efe4;--paper:#fffaf3;--ink:#111;--muted:#69635c;--orange:#ff5a0a;--line:#1112}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}a{text-decoration:none;color:inherit}i{font-style:normal;color:var(--orange)}
header{height:78px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:#f7efe4df;backdrop-filter:blur(16px);z-index:10}.logo{display:flex;align-items:center}.logo img{width:44px;height:44px;object-fit:cover;border-radius:50%;display:block}.logo span{color:var(--orange)}nav{display:flex;gap:30px;text-transform:uppercase;font-size:11px;letter-spacing:1.5px}nav a:hover{color:var(--orange)}.pill{border:1px solid;padding:11px 17px;border-radius:99px;font-size:11px;text-transform:uppercase;letter-spacing:1px}#menu{display:none;background:none;border:0;font-size:24px}
.hero,.page{max-width:1180px;margin:auto;padding:105px 28px}.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.2fr .8fr;align-items:center}.hero small,.page>small{font-size:10px;font-weight:700;letter-spacing:3px}.hero h1,.page h1{font:700 clamp(58px,8vw,110px)/.85 "Space Grotesk";letter-spacing:-5px;margin:28px 0}.hero p,.page>p{max-width:650px;color:var(--muted);font-size:18px;line-height:1.7}.btn{display:inline-block;background:var(--ink);color:white;padding:15px 20px;font-size:11px;letter-spacing:1px;text-transform:uppercase;border:0;cursor:pointer}.symbol{font:700 170px "Space Grotesk";letter-spacing:-42px;text-align:center}.symbol span{color:var(--orange)}.dark{background:var(--ink);color:#fff;padding:100px 8%}.dark h2{font:600 clamp(45px,6vw,75px)/.95 "Space Grotesk";letter-spacing:-3px}.light{background:#fff;color:#111}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:50px}.card{border:1px solid var(--line);padding:28px;background:#fff8;min-height:250px}.card.featured{border:2px solid var(--orange)}.card h2{font:600 32px "Space Grotesk"}.card h3{font-size:18px}.card li{margin:8px 0;color:var(--muted)}.workgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-top:55px}.workgrid>div{min-height:330px;padding:25px;background:#111;color:#fff;display:flex;flex-direction:column;justify-content:end}.contactbox{max-width:720px;margin-top:45px;border:1px solid var(--line);background:#fff8}.contactbox a,.contactbox span{display:block;padding:22px;border-bottom:1px solid var(--line)}.contactbox a:hover{color:var(--orange)}
footer{padding:42px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted)}footer b{display:flex;align-items:center}footer-logo{}.footer-logo img{width:52px;height:52px;object-fit:cover;border-radius:50%;display:block}
.auth{min-height:100vh;display:grid;place-items:center;padding:25px}.authbox{width:min(430px,100%);background:#fff;padding:35px;border:1px solid var(--line)}.authbox h1{font:600 42px "Space Grotesk"}input,textarea,select{width:100%;padding:13px;margin:5px 0;border:1px solid var(--line);background:var(--cream);font:inherit}.authbox .btn{width:100%;margin-top:8px}.google{display:block;text-align:center;border:1px solid var(--line);padding:13px;margin-top:10px}.msg{color:var(--orange);font-size:13px}
.admin{max-width:1250px}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:30px}.admin-card{background:#fff;border:1px solid var(--line);padding:24px}.admin-card h2{font-family:"Space Grotesk"}.row{display:flex;gap:8px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:12px 0}.danger{background:#9b1c1c!important}.email-box{background:#111;color:#fff;padding:22px}.email-box b{color:var(--orange)}.small{font-size:12px;color:var(--muted)}
@media(max-width:800px){nav,.pill{display:none}#menu{display:block}.hero{grid-template-columns:1fr}.symbol{display:none}.grid,.admin-grid,.workgrid{grid-template-columns:1fr}.hero,.page{padding:80px 20px}.admin-top{align-items:flex-start;flex-direction:column}footer{flex-direction:column;gap:15px;text-align:center}}