/*
Theme Name: LIM TAYAR Staging
Version: 1.0.0
Description: A lightweight landing page for the LIM TAYAR staging environment.
*/
:root{color-scheme:light;--ink:#172128;--muted:#58636c;--red:#d92332;--paper:#f4f3ef}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}header,main,footer{width:min(1200px,calc(100% - 48px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid #d6d9d8}.brand{font-weight:900;font-size:26px;letter-spacing:-1px;text-decoration:none}.brand span{color:var(--red)}.badge{font-size:11px;font-weight:700;letter-spacing:1.5px;border:1px solid #ccd1cf;padding:9px 13px;border-radius:30px;display:flex;align-items:center;gap:8px}.badge:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--red)}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;padding:100px 0 90px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--red)}h1{font-size:clamp(46px,6vw,78px);line-height:1.02;letter-spacing:-3.5px;margin:24px 0}h1 span{color:var(--red)}.intro{max-width:470px;color:var(--muted);font-size:18px;line-height:1.7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button{background:var(--ink);color:white;text-decoration:none;display:inline-flex;padding:16px 23px;border-radius:5px;font-size:14px;font-weight:700}.button.secondary{background:transparent;border:1px solid #bac1bd;color:var(--ink)}.button:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:5px}.art{min-height:380px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#e9ebe6;border-radius:18px}.art:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0 38px,#d9ded7 39px 40px)}.wheel{width:270px;height:270px;position:relative;border:37px solid #20282b;border-radius:50%;background:repeating-conic-gradient(#c1c9cb 0deg 13deg,#39464b 13deg 28deg,#e3e7e6 28deg 36deg);box-shadow:0 24px 30px #1c252b30,0 0 0 9px #323c3e,inset 0 0 0 10px #7f8b8e;transform:rotate(-18deg)}.wheel:after{content:'';position:absolute;inset:55px;background:#263236;border:9px solid #acb6b7;border-radius:50%}.art-label{position:absolute;bottom:20px;left:24px;font-size:10px;font-weight:700;letter-spacing:2px;color:#69756e}.note{display:grid;grid-template-columns:180px 1fr;gap:35px;border-top:1px solid #d6d9d8;padding:32px 0 55px}.note h2{font-size:14px;margin:4px 0}.note p{font-size:14px;color:var(--muted);line-height:1.8;max-width:680px;margin:0}footer{border-top:1px solid #d6d9d8;padding:24px 0;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:12px}@media(max-width:760px){header,main,footer{width:calc(100% - 36px)}header{padding:23px 0}.brand{font-size:22px}.badge{font-size:9px;padding:8px 10px}.hero{grid-template-columns:1fr;padding:58px 0 45px;gap:35px}h1{letter-spacing:-2px}.art{min-height:310px}.wheel{width:220px;height:220px;border-width:30px}.wheel:after{inset:42px}.note{grid-template-columns:1fr;gap:12px;padding-bottom:35px}footer{flex-direction:column}.intro{font-size:16px}}