*,:before,:after{box-sizing:border-box;scroll-behavior:smooth}:root{--bg-main:#f4f4f6;--bg-card:#fefefe;--bg-nav-pill:#2a2b30;--text-main:#101010;--text-soft:#7c7c84;--text-mid:#4a4a52;--accent-primary:#ff7a30;--accent-primary-hover:#ff6a15;--accent-pill:#fff;--shadow-soft:0 28px 60px #0000002e;--radius-full:999px;--radius-lg:26px}html,body{margin:0;padding:0}body{font-family:Lato,sans-serif;font-style:normal;font-weight:400}.app-body{min-height:100vh;color:var(--text-main);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at top,#fafafa 0,#f0f1f5 60%,#ebecef 100%)}.app-shell{margin:0 auto}.app-main{margin-top:60px}a{color:inherit;text-decoration:none}
.nav-wrapper{z-index:10;justify-content:space-between;align-items:center;gap:24px;max-width:700px;margin:0 auto;padding:20px 0;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.nav-logo-circle{background:var(--accent-primary);border-radius:999px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 18px 30px #0000000f}.nav-logo-letter{letter-spacing:.04em;font-size:30px;font-weight:700}.nav-logo-circle:hover{cursor:pointer;transform:translateY(-1px)}.nav-logo-circle:hover,.nav-icon-circle:hover{background:var(--accent-primary)}.nav-pill{flex:1;justify-content:center;display:flex}.nav-pill-list{background:var(--bg-nav-pill);border-radius:var(--radius-full);box-shadow:var(--shadow-soft);align-items:center;gap:6px;height:60px;margin:0;padding:0 10px;list-style:none;display:inline-flex}.nav-pill-link{color:#f1f1f5;border-radius:var(--radius-full);white-space:nowrap;justify-content:center;align-items:center;height:40px;padding:0 14px;font-size:14px;text-decoration:none;transition:background .18s,color .18s,transform .1s;display:inline-flex;position:relative}.nav-pill-link:hover{color:var(--accent-primary);transform:translateY(-.5px)}.nav-pill-link-active{background:var(--accent-pill);color:#1a1a1e}.nav-icon-circle{background:var(--accent-primary);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 18px 30px #0000000f}.nav-icon-circle:hover a svg{color:#fff}.nav-icon-circle:active{transform:translateY(1px)}.nav-icon-square{border:2px solid #232326;border-radius:5px;width:18px;height:18px}.nav-logo-link{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none;display:flex}.nav-pill-link-plain{background:0 0;height:auto;padding:0}.nav-mobile-menu-btn{cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:42px;height:42px;padding:0;display:none;box-shadow:0 8px 18px #0000001a}.nav-mobile-menu-btn span{background:#111;border-radius:999px;width:16px;height:1.8px}.nav-mobile-overlay{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#0003;justify-content:center;align-items:center;padding:16px;transition:opacity .18s,transform .18s;display:none;position:fixed;inset:0;transform:scale(.96)}.nav-mobile-overlay-open{opacity:1;display:flex;transform:scale(1)}.nav-mobile-inner{color:#fff;background:#111;border-radius:26px;flex-direction:column;align-items:stretch;gap:28px;width:100%;max-width:360px;padding:20px 22px 24px;display:flex;box-shadow:0 26px 60px #0000008c}.nav-mobile-top{justify-content:space-between;align-items:center;display:flex}.nav-mobile-logo{font-size:22px;font-weight:700}.nav-mobile-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:22px}.nav-mobile-links{flex-direction:column;align-items:center;gap:14px;display:flex}.nav-mobile-link{color:#f9fafb;padding:4px 0;font-size:16px;text-decoration:none}.nav-mobile-link:hover{color:#fff}.nav-mobile-cta{background:0 0;border:none;border-radius:999px;align-self:center;margin-top:8px;padding:0}.nav-mobile-cta-link{background:var(--accent-primary);color:#fff;border-radius:999px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex;box-shadow:0 18px 38px #ff814099}.nav-mobile-cta-link:hover{background:var(--accent-primary-hover)}.nav-mobile-cta-arrow{font-size:16px}@media (max-width:900px){.nav-wrapper{background:#fff;border-radius:999px;width:calc(100% - 32px);max-width:100%;padding:10px 16px;top:12px;box-shadow:0 18px 34px #00000014}.nav-logo-circle{width:auto;height:auto;box-shadow:none;background:0 0;padding-inline:4px}.nav-logo-letter{font-size:22px}.nav-logo-link{color:#000}.nav-pill,.nav-icon-circle{display:none}.nav-mobile-menu-btn{display:flex}}.nav-mobile-link-active{color:var(--accent-primary)}
.footer-wrapper{background-color:#121212;background-image:radial-gradient(at bottom,#ff5100b5,#0000);background-position:bottom,50%;background-repeat:repeat;background-size:cover,180px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-top-left-radius:40px;border-top-right-radius:40px;padding:140px 24px 80px;position:relative;overflow:hidden}.footer-content{text-align:center;z-index:10;margin-bottom:120px;position:relative}.footer-heading{color:#fff;margin-bottom:28px;font-size:clamp(32px,4vw,48px);font-weight:600;line-height:1.3}.footer-contact-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:999px;padding:14px 32px;font-size:16px;transition:all .2s}.footer-contact-btn:hover{background:#ffffff26;border-color:#fff}.footer-bg-text{text-align:center;z-index:1;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.footer-bg-main{color:#ffffff0f;letter-spacing:-.04em;text-transform:lowercase;font-size:480px;font-weight:700}.footer-bg-sub{color:#ffffff17;text-transform:lowercase;margin-top:-60px;font-size:72px;font-weight:400;display:block}.footer-bottom{z-index:20;justify-content:space-between;align-items:center;margin-top:140px;display:flex;position:relative}.footer-socials{gap:24px;display:flex}.footer-socials a{letter-spacing:.06em;color:#fffc;font-size:12px;text-decoration:none;transition:color .2s}.footer-socials a:hover{color:#fff}.footer-copy{color:#ffffffb3;font-size:12px}.footer-copy a{color:#fff;text-decoration:none;transition:color .2s}@media (max-width:800px){.footer-bg-main{font-size:150px}.footer-bg-sub{margin-top:-40px;font-size:50px}.footer-bottom{text-align:center;flex-direction:column;gap:16px}}@media (max-width:500px){.footer-wrapper{padding:70px 24px 60px}.footer-heading{font-size:clamp(28px,6vw,36px)}.footer-bg-main{font-size:120px}}
