:root{color-scheme:light;--ink:#21201e;--muted:#746f69;--orange:#f26819;--paper:#f6f2eb;--pointer-x:50vw;--pointer-y:45vh}
*{box-sizing:border-box}
html{min-height:100%;background:var(--paper)}
body{min-width:320px;min-height:100vh;margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(440px circle at var(--pointer-x) var(--pointer-y),rgba(242,104,25,.09),transparent 75%)}
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.23;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.11'/%3E%3C/svg%3E")}
.page{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column;padding:30px clamp(24px,5vw,80px) 25px}
.topline{display:flex;align-items:center;gap:10px;color:#6c6660;font-size:10px;font-weight:700;letter-spacing:.17em}.topline-mark{color:var(--orange);padding:0 3px}.signal{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px rgba(242,104,25,.45);animation:pulse 2.7s ease-in-out infinite}
.hero{width:min(100%,790px);margin:auto;text-align:center;padding:44px 0 70px;animation:arrive .8s both}.logo-wrap{width:clamp(320px,52vw,640px);max-width:100%;margin:0 auto 10px;filter:drop-shadow(0 20px 30px rgba(118,64,28,.09));transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s}.logo-wrap:hover{transform:translateY(-5px) scale(1.015);filter:drop-shadow(0 25px 42px rgba(118,64,28,.15))}.logo{display:block;width:100%;height:auto}.rule{width:54px;height:1px;background:#c9c2b7;margin:0 auto 25px}.rule span{display:block;width:22px;height:1px;background:var(--orange)}.intro{margin:0 0 18px;color:var(--muted);font-size:14px;letter-spacing:.01em}.contact{display:inline-flex;align-items:center;justify-content:center;gap:20px;max-width:100%;padding:18px 20px 18px 25px;border:1px solid var(--ink);border-radius:100px;background:var(--ink);color:#fff;text-decoration:none;font-size:clamp(12px,2vw,15px);font-weight:600;box-shadow:0 12px 28px rgba(33,32,30,.11);transition:transform .25s,background .25s,border-color .25s,box-shadow .25s}.contact:hover,.contact:focus-visible{background:var(--orange);border-color:var(--orange);transform:translateY(-3px);box-shadow:0 15px 35px rgba(242,104,25,.23)}.contact:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.contact svg{width:20px;height:20px;flex:none;transition:transform .25s}.contact:hover svg{transform:translateX(4px)}
footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:20px;border-top:1px solid #d8d1c7;color:#77716b;font-size:11px;line-height:1.6}footer strong{color:#3c3834;font-weight:700}footer a{color:inherit;text-decoration:none;border-bottom:1px solid #aaa29a;transition:color .2s,border-color .2s}footer a:hover,footer a:focus-visible{color:var(--orange);border-color:var(--orange)}
.ambient{position:fixed;z-index:0;width:45vw;max-width:600px;aspect-ratio:1;border:1px solid rgba(175,100,48,.08);border-radius:50%;pointer-events:none}.ambient-one{left:-25vw;top:10%}.ambient-two{right:-30vw;bottom:-45%}
@keyframes pulse{50%{opacity:.45;box-shadow:0 0 3px var(--orange)}}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.page{padding:24px 22px}.topline{font-size:8px;letter-spacing:.11em}.hero{padding:30px 0 50px}.logo-wrap{width:min(90vw,480px)}footer{justify-content:center;text-align:center;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}