:root{
  --white:#ffffff;
  --paper:#f8f5ef;
  --ink:#20262b;
  --gray:#697177;
  --line:#e7ded1;
  --copper:#b7783d;
  --copper-dark:#89552b;
  --shadow:0 22px 55px rgba(32,38,43,.13);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:var(--white);color:var(--ink);line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.container{width:min(1160px,92%);margin:0 auto}
.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);border-bottom:1px solid rgba(183,120,61,.22)}
.nav-wrap{width:min(1200px,94%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:2px}.brand img{width:58px;height:45px;object-fit:contain;border-radius:10px}.brand span{font-size:1.1rem}.menu{display:flex;gap:8px;align-items:center}.menu a{padding:10px 15px;border-radius:999px;font-weight:800;color:#333b41;font-size:.95rem}.menu a:hover{background:var(--paper);color:var(--copper-dark)}.menu-btn{display:none;background:var(--ink);color:#fff;border:0;border-radius:13px;width:44px;height:44px;font-size:1.3rem;cursor:pointer}
.hero{position:relative;min-height:calc(100vh - 70px);display:flex;align-items:center;padding:70px 0;background:linear-gradient(135deg,#fff 0%,#f7f1e8 100%);overflow:hidden}.decor{position:absolute;border-radius:50%;filter:blur(1px);opacity:.65}.decor-one{width:360px;height:360px;background:rgba(183,120,61,.18);left:-120px;top:60px}.decor-two{width:300px;height:300px;background:rgba(32,38,43,.10);right:-100px;bottom:40px}.hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:52px;align-items:center}.tag{text-transform:uppercase;letter-spacing:3px;color:var(--copper-dark);font-weight:900;font-size:.78rem;margin-bottom:13px}h1{font-size:clamp(4.2rem,11vw,9rem);line-height:.85;letter-spacing:-7px;margin-bottom:24px;font-weight:950}h2{font-size:clamp(2rem,4vw,4rem);line-height:1.05;letter-spacing:-2px;margin-bottom:16px}h3{font-size:1.2rem;line-height:1.2;margin-bottom:9px}.presentation-sheet{display:grid;gap:10px;margin:24px 0 30px;max-width:740px}.presentation-sheet p{background:#fff;border:1px solid var(--line);border-left:7px solid var(--copper);border-radius:17px;padding:12px 17px;font-weight:900;text-transform:uppercase;letter-spacing:.45px;box-shadow:0 10px 24px rgba(32,38,43,.06)}.main-button{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border-radius:999px;background:linear-gradient(135deg,var(--ink),#41484e);color:white;font-weight:900;box-shadow:var(--shadow);transition:.25s}.main-button:hover{transform:translateY(-3px)}.logo-stage{display:flex;justify-content:center}.logo-frame{width:min(430px,100%);background:rgba(255,255,255,.88);border:1px solid rgba(183,120,61,.30);border-radius:36px;padding:28px;box-shadow:var(--shadow);position:relative}.logo-frame:before{content:"";position:absolute;inset:14px;border:1px dashed rgba(183,120,61,.48);border-radius:28px}.logo-frame img{position:relative;border-radius:18px;width:100%;object-fit:contain}
.intro,.services,.work,.closing{padding:88px 0}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center}.intro-card{padding:36px;border-radius:28px;background:linear-gradient(135deg,#fff,#fbf6ef);border:1px solid var(--line);box-shadow:var(--shadow);font-size:1.08rem;color:#333b41}.section-title{text-align:center;max-width:850px;margin:0 auto 42px}.services{background:linear-gradient(180deg,#faf8f4 0%,#fff 100%)}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;min-height:220px;box-shadow:0 18px 40px rgba(32,38,43,.07);position:relative;overflow:hidden;transition:.25s}.card:after{content:"";position:absolute;width:105px;height:105px;border:20px solid rgba(183,120,61,.08);border-radius:50%;right:-42px;bottom:-42px}.card:hover{transform:translateY(-7px);border-color:rgba(183,120,61,.55)}.card span{display:inline-flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;background:var(--paper);color:var(--copper-dark);font-weight:900;margin-bottom:18px}.card p,.muted{color:var(--gray)}.work{background:linear-gradient(135deg,#f7f3ed,#fff)}.work-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;background:#fff;border:1px solid var(--line);border-radius:36px;padding:44px;box-shadow:var(--shadow)}.work-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.work-list li{padding:13px 14px 13px 44px;border-radius:15px;background:var(--paper);position:relative;font-weight:800}.work-list li:before{content:"✓";position:absolute;left:15px;top:10px;width:23px;height:23px;border-radius:50%;background:var(--copper);color:white;display:flex;align-items:center;justify-content:center;font-size:.85rem}.closing{padding-top:35px}.closing-box{display:flex;gap:30px;align-items:center;padding:34px;border-radius:32px;background:linear-gradient(135deg,var(--ink),#343b41);color:#fff;box-shadow:var(--shadow)}.closing-box img{width:170px;border-radius:18px;background:#fff;padding:8px}.closing-box h2{margin-bottom:0;font-size:clamp(1.8rem,3.8vw,3.5rem)}.footer{background:#171b1e;color:white;padding:24px 0}.footer-content{display:flex;align-items:center;justify-content:space-between;gap:15px}.footer a{color:#e5b47d;font-weight:900}
@media(max-width:1050px){.hero-grid,.intro-grid,.work-panel{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.logo-stage{order:-1}.logo-frame{max-width:370px}.hero{min-height:auto}h1{font-size:5.3rem}}
@media(max-width:720px){.menu-btn{display:block}.menu{display:none;position:absolute;top:70px;left:3%;right:3%;background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:var(--shadow);flex-direction:column}.menu.open{display:flex}.menu a{width:100%;text-align:center}.hero{padding:45px 0}.cards,.work-list{grid-template-columns:1fr}h1{font-size:4rem;letter-spacing:-4px}.presentation-sheet p{font-size:.9rem}.intro,.services,.work,.closing{padding:60px 0}.work-panel,.closing-box{padding:26px}.closing-box{flex-direction:column;text-align:center}.footer-content{flex-direction:column;text-align:center}.brand span{font-size:.95rem}}