:root{--bg: #e9e4db;--card: #f4f1eb;--card-2: #ded7cb;--ink: #111110;--ink-2: #2a2926;--muted: #6f6a61;--line: #d3ccbf;--accent: #9c6b43;--on-dark: #f4f1eb;--on-dark-muted: #a7a196;--radius: 28px;--display: "Inter Tight","Inter",system-ui,sans-serif;--sans: "Inter",system-ui,-apple-system,sans-serif;--serif: "Instrument Serif",Georgia,serif;--max: 1240px;}*{box-sizing: border-box;margin: 0;padding: 0;}html{scroll-behavior: smooth;}body{background: var(--bg);color: var(--ink);font-family: var(--sans);font-size: 16px;line-height: 1.6;-webkit-font-smoothing: antialiased;overflow-x: hidden;}a{color: inherit;text-decoration: none;}ul,ol{list-style: none;}.wrap{max-width: var(--max);margin: 0 auto;padding: 0 clamp(16px,3vw,32px);}em{font-family: var(--serif);font-style: italic;font-weight: 400;letter-spacing: 0;}.u{text-decoration: underline;text-underline-offset: 3px;}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 10px;height: 52px;padding: 0 26px;border-radius: 999px;font: 500 15px/1 var(--sans);border: 1px solid transparent;cursor: pointer;transition: background .25s,color .25s,border-color .25s,transform .25s;white-space: nowrap;}.btn:hover{transform: translateY(-2px);}.btn .arr{transition: transform .25s;}.btn:hover .arr{transform: translateX(3px);}.btn-sm{height: 42px;padding: 0 20px;font-size: 14px;}.btn-dark{background: var(--ink);color: var(--on-dark);}.btn-dark:hover{background: var(--accent);}.btn-ghost{border-color: var(--ink);color: var(--ink);}.btn-ghost:hover{background: var(--ink);color: var(--on-dark);}.btn-light{background: var(--on-dark);color: var(--ink);}.btn-light:hover{background: #fff;}.btn-outline-light{border-color: #4a4843;color: var(--on-dark);}.btn-outline-light:hover{border-color: var(--on-dark);}.full{width: 100%;}.nav-shell{position: sticky;top: 12px;z-index: 50;padding: 0 clamp(12px,3vw,32px);}.nav{max-width: calc(var(--max) - 40px);margin: 12px auto 0;display: flex;align-items: center;justify-content: space-between;gap: 20px;background: rgba(244,241,235,.82);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);border: 1px solid rgba(0,0,0,.06);border-radius: 999px;padding: 8px 8px 8px 10px;transition: box-shadow .3s;}.nav-shell.scrolled .nav{box-shadow: 0 10px 30px -12px rgba(0,0,0,.18);}.brand{display: flex;align-items: center;gap: 10px;font: 600 16px/1.1 var(--display);letter-spacing: -.01em;}.badge{width: 36px;height: 36px;border-radius: 50%;background: var(--ink);color: var(--on-dark);display: grid;place-items: center;font: 600 13px/1 var(--display);letter-spacing: .02em;flex-shrink: 0;}.links{display: flex;gap: 6px;}.links a{padding: 10px 16px;border-radius: 999px;font-size: 14px;color: var(--ink-2);transition: background .2s;}.links a:hover{background: rgba(0,0,0,.06);}.menu-btn{display: none;width: 42px;height: 42px;border-radius: 50%;border: 0;background: var(--ink);cursor: pointer;position: relative;}.menu-btn span{position: absolute;left: 13px;right: 13px;height: 1.5px;background: var(--on-dark);transition: transform .3s;}.menu-btn span:first-child{top: 17px;}.menu-btn span:last-child{top: 23px;}.nav-shell.open .menu-btn span:first-child{transform: translateY(3px) rotate(45deg);}.nav-shell.open .menu-btn span:last-child{transform: translateY(-3px) rotate(-45deg);}.mobile-menu{display: none;max-width: calc(var(--max) - 40px);margin: 8px auto 0;padding: 12px;background: var(--card);border-radius: 24px;border: 1px solid rgba(0,0,0,.06);box-shadow: 0 20px 40px -20px rgba(0,0,0,.25);}.mobile-menu a{display: block;padding: 14px 16px;font: 500 20px/1.2 var(--display);border-radius: 14px;}.mobile-menu a:hover{background: var(--card-2);}.hero{padding: clamp(56px,10vh,110px) 0 0;}.status{display: inline-flex;align-items: center;gap: 10px;font-size: 14px;color: var(--ink-2);background: var(--card);border: 1px solid rgba(0,0,0,.06);padding: 8px 16px 8px 12px;border-radius: 999px;margin-bottom: 32px;}.status.light{background: rgba(255,255,255,.06);border-color: rgba(255,255,255,.12);color: var(--on-dark-muted);}.dot{width: 8px;height: 8px;border-radius: 50%;background: #3fa45b;box-shadow: 0 0 0 4px rgba(63,164,91,.18);}h1{font: 600 clamp(44px,8.2vw,116px)/.98 var(--display);letter-spacing: -.045em;}h1 em{color: var(--accent);font-size: 1.06em;}.hero-row{display: grid;grid-template-columns: 1.1fr 1fr;gap: 48px;align-items: end;margin-top: clamp(36px,6vh,64px);}.lede{font-size: clamp(17px,1.4vw,19px);color: var(--ink-2);max-width: 52ch;}.lede strong{font-weight: 500;color: var(--ink);}.hero-cta{display: flex;gap: 12px;justify-content: flex-end;flex-wrap: wrap;}.hero-visual{position: relative;margin-top: clamp(56px,9vh,96px);padding: clamp(24px,5vw,64px);background: var(--card-2);border-radius: var(--radius);overflow: hidden;}.hero-visual::before{content: "";position: absolute;inset: 0;background: radial-gradient(60% 80% at 80% 0%,#cdb79f 0%,transparent 60%),radial-gradient(50% 70% at 0% 100%,#c9c1b2 0%,transparent 60%);}.browser{position: relative;background: #fbfaf7;border-radius: 16px;box-shadow: 0 40px 80px -30px rgba(40,30,20,.35);overflow: hidden;max-width: 980px;margin: 0 auto;}.bar{display: flex;align-items: center;gap: 6px;padding: 12px 16px;border-bottom: 1px solid #ece8e0;}.bar i{width: 10px;height: 10px;border-radius: 50%;background: #ddd6ca;}.bar span{margin-left: 14px;font-size: 12px;color: var(--muted);background: #f1ede6;padding: 4px 14px;border-radius: 999px;}.page{padding: clamp(16px,3vw,32px);}.pg-nav{display: flex;align-items: center;gap: 14px;margin-bottom: clamp(20px,4vw,44px);}.pg-nav b{width: 70px;height: 12px;background: var(--ink);border-radius: 3px;margin-right: auto;}.pg-nav span{width: 44px;height: 7px;background: #d9d3c8;border-radius: 3px;}.pg-nav em{width: 72px;height: 24px;background: var(--accent);border-radius: 999px;}.pg-hero{display: grid;grid-template-columns: 1fr 1fr;gap: clamp(16px,3vw,36px);align-items: center;}.pg-hero b,.pg-hero span,.pg-hero em{display: block;border-radius: 4px;}.pg-hero .l1{height: clamp(14px,2.4vw,28px);width: 92%;background: var(--ink);margin-bottom: 10px;}.pg-hero .l2{height: clamp(14px,2.4vw,28px);width: 64%;background: var(--ink);margin-bottom: 22px;}.pg-hero .l3{height: 8px;width: 88%;background: #ddd7cc;margin-bottom: 8px;}.pg-hero .l4{height: 8px;width: 70%;background: #ddd7cc;margin-bottom: 24px;}.pg-hero .pg-cta{width: 120px;height: 34px;background: var(--ink);border-radius: 999px;}.pg-img{aspect-ratio: 4/3;border-radius: 12px;background: linear-gradient(140deg,#c7a585,#8a6446 60%,#5e4230);}.pg-cards{display: grid;grid-template-columns: repeat(3,1fr);gap: 14px;margin-top: clamp(18px,3vw,32px);}.pg-cards i{height: clamp(40px,7vw,90px);background: #f0ebe3;border-radius: 10px;}.float{position: absolute;background: rgba(251,250,247,.92);backdrop-filter: blur(8px);border-radius: 18px;padding: 14px 18px;box-shadow: 0 20px 40px -18px rgba(0,0,0,.3);display: flex;flex-direction: column;gap: 4px;}.float .k{font-size: 12px;color: var(--muted);}.float .v{font: 600 26px/1 var(--display);letter-spacing: -.02em;}.float .v small{font-size: 14px;color: var(--muted);font-weight: 500;}.float .pills{display: flex;gap: 6px;}.float .pills b{font: 500 13px/1 var(--sans);background: var(--ink);color: var(--on-dark);padding: 7px 11px;border-radius: 999px;}.f1{left: clamp(10px,3vw,36px);bottom: clamp(18px,6vw,70px);}.f2{right: clamp(10px,3vw,36px);top: clamp(18px,5vw,56px);}.strip{padding: clamp(40px,6vh,64px) 0 0;overflow: hidden;}.marquee{border-top: 1px solid var(--line);border-bottom: 1px solid var(--line);padding: 22px 0;mask-image: linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image: linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);}.track{display: flex;gap: 28px;width: max-content;animation: slide 45s linear infinite;font: 500 clamp(18px,2vw,24px)/1 var(--display);letter-spacing: -.01em;color: var(--ink-2);}.track span:nth-child(even){color: var(--accent);}@keyframes slide{to{transform: translateX(-50%);}}.section{padding: clamp(80px,13vh,140px) 0 0;}.head{display: grid;grid-template-columns: 1fr 1fr;gap: 16px 48px;align-items: end;margin-bottom: clamp(36px,6vh,60px);}.head .kicker{grid-column: 1 / -1;}.kicker{font-size: 13px;font-weight: 500;letter-spacing: .12em;text-transform: uppercase;color: var(--accent);}h2{font: 600 clamp(36px,5vw,64px)/1.02 var(--display);letter-spacing: -.035em;}.sub{color: var(--muted);font-size: 17px;max-width: 46ch;}h3{font: 600 24px/1.15 var(--display);letter-spacing: -.02em;}h4{font: 600 19px/1.2 var(--display);letter-spacing: -.015em;}.card{background: var(--card);border-radius: var(--radius);border: 1px solid rgba(0,0,0,.04);}.work-grid{display: grid;grid-template-columns: repeat(5,1fr);gap: 20px;}.work-grid .work{grid-column: span 2;}.work-grid .work.w-lg{grid-column: span 3;}.work{padding: 12px;display: flex;flex-direction: column;transition: transform .35s;}.work:hover{transform: translateY(-4px);}.shot{flex: 1;min-height: 300px;border-radius: 20px;display: grid;place-items: center;overflow: hidden;padding: 28px;}.mini{width: 82%;max-width: 460px;background: #fbfaf7;border-radius: 10px;padding: 14px;box-shadow: 0 30px 60px -24px rgba(0,0,0,.4);transition: transform .5s cubic-bezier(.2,.7,.2,1);}.work:hover .mini{transform: scale(1.03);}.mn{height: 8px;width: 30%;border-radius: 3px;background: currentColor;margin-bottom: 18px;}.mh b{display: block;height: 14px;border-radius: 3px;background: currentColor;margin-bottom: 7px;}.mh b:first-child{width: 75%;}.mh b:nth-child(2){width: 50%;margin-bottom: 14px;}.mh span{display: block;height: 6px;width: 64%;border-radius: 3px;background: #e2ddd3;margin-bottom: 14px;}.mh em{display: block;height: 18px;width: 70px;border-radius: 999px;background: currentColor;margin-bottom: 14px;}.mi{height: 90px;border-radius: 6px;background: currentColor;opacity: .25;}.s1{background: linear-gradient(150deg,#d9c2a7,#a87f5c);color: #6b4a2f;}.s2{background: linear-gradient(150deg,#c9d1cf,#7f9693);color: #2f4b4a;}.s3{background: linear-gradient(150deg,#dcd3c7,#a69886);color: #4f4537;}.s4{background: linear-gradient(150deg,#3a3833,#151513);color: #c9a882;}.s4 .mini{background: #1f1e1b;}.s4 .mh span{background: #3a3832;}.info{display: flex;justify-content: space-between;align-items: flex-end;gap: 16px;padding: 20px 12px 10px;flex-wrap: wrap;}.info p{color: var(--muted);font-size: 15px;margin-top: 4px;}.tags{display: flex;gap: 6px;flex-wrap: wrap;}.tags span{font-size: 12px;font-weight: 500;padding: 6px 11px;border-radius: 999px;border: 1px solid var(--line);color: var(--ink-2);}.tags span:last-child{color: var(--muted);border-style: dashed;}.platforms{display: grid;grid-template-columns: 1fr 1fr;gap: 20px;}.platform{padding: clamp(28px,4vw,44px);}.platform.dark{background: var(--ink);color: var(--on-dark);}.platform.dark p,.platform.dark li{color: var(--on-dark-muted);}.platform.dark .logo-chip{background: var(--on-dark);color: var(--ink);}.p-top{display: flex;align-items: center;justify-content: space-between;gap: 12px;margin-bottom: 48px;}.logo-chip{font: 600 15px/1 var(--display);background: var(--ink);color: var(--on-dark);padding: 10px 16px;border-radius: 999px;}.platform h3{font-size: clamp(26px,2.6vw,34px);margin-bottom: 12px;}.platform>p{color: var(--muted);margin-bottom: 28px;max-width: 44ch;}.platform li{padding: 14px 0 14px 30px;border-top: 1px solid var(--line);position: relative;color: var(--ink-2);}.platform.dark li{border-color: #2e2d29;}.platform li::before{content: "✓";position: absolute;left: 2px;color: var(--accent);font-weight: 600;}.platform.dark li::before{color: #c9a882;}.extras{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px;margin-top: 20px;}.extra{padding: 28px;}.ico{display: grid;place-items: center;width: 44px;height: 44px;border-radius: 50%;background: var(--card-2);font-size: 18px;margin-bottom: 36px;}.extra p{color: var(--muted);font-size: 15px;margin-top: 8px;}.why{background: var(--ink);color: var(--on-dark);padding: clamp(32px,6vw,72px);display: grid;grid-template-columns: 1fr 1.1fr;gap: clamp(40px,6vw,80px);}.why .kicker{color: #c9a882;margin-bottom: 18px;display: block;}.why .sub{color: var(--on-dark-muted);margin: 20px 0 36px;}.pt{display: grid;grid-template-columns: 48px 1fr;gap: 8px;padding: 22px 0;border-top: 1px solid #2e2d29;}.pt:first-child{border-top: 0;padding-top: 0;}.pt span{font: 500 13px/1.8 var(--sans);color: #c9a882;}.pt p{color: var(--on-dark-muted);font-size: 15px;margin-top: 6px;}.packages{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px;align-items: stretch;}.pkg{padding: 36px 32px 32px;display: flex;flex-direction: column;position: relative;}.pkg h3{font-size: 30px;}.pkg-for{color: var(--muted);font-size: 15px;margin: 6px 0 28px;}.pkg ul{flex: 1;margin-bottom: 32px;}.pkg li{padding: 11px 0 11px 28px;border-top: 1px solid var(--line);position: relative;font-size: 15px;}.pkg li::before{content: "✓";position: absolute;left: 0;color: var(--accent);font-weight: 600;}.pkg.featured{background: #fbfaf7;box-shadow: 0 30px 60px -30px rgba(60,40,20,.35);border-color: rgba(0,0,0,.08);}.flag{position: absolute;top: 28px;right: 24px;font-size: 12px;font-weight: 500;background: var(--accent);color: #fff;padding: 6px 12px;border-radius: 999px;}.steps{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px;}.steps li{padding: 28px;}.steps .n{display: inline-block;font: 600 44px/1 var(--display);letter-spacing: -.04em;color: var(--accent);margin-bottom: 48px;}.steps p{color: var(--muted);font-size: 15px;margin-top: 10px;}.faq-wrap{display: grid;grid-template-columns: 1fr 1.3fr;gap: 48px;align-items: start;}.faq-wrap .head{display: block;margin: 0;position: sticky;top: 120px;}.faq-wrap .head h2{margin: 16px 0 16px;}.faq{display: flex;flex-direction: column;gap: 10px;}.faq details{background: var(--card);border-radius: 20px;border: 1px solid rgba(0,0,0,.04);}.faq summary{list-style: none;cursor: pointer;padding: 22px 64px 22px 26px;font: 600 18px/1.3 var(--display);letter-spacing: -.01em;position: relative;}.faq summary::-webkit-details-marker{display: none;}.faq summary::after{content: "+";position: absolute;right: 22px;top: 50%;transform: translateY(-50%);width: 30px;height: 30px;border-radius: 50%;background: var(--card-2);display: grid;place-items: center;font: 400 20px/1 var(--sans);transition: transform .3s,background .3s;}.faq details[open] summary::after{transform: translateY(-50%) rotate(45deg);background: var(--ink);color: var(--on-dark);}.faq details p{padding: 0 26px 24px;color: var(--muted);max-width: 62ch;}.cta{background: var(--ink);color: var(--on-dark);text-align: center;padding: clamp(56px,10vw,120px) clamp(20px,5vw,64px);position: relative;overflow: hidden;}.cta::before{content: "";position: absolute;inset: 0;background: radial-gradient(50% 60% at 50% 0%,rgba(201,168,130,.22),transparent 70%);pointer-events: none;}.cta>*{position: relative;}.cta h2{font-size: clamp(38px,6.4vw,84px);}.cta h2 em{color: #c9a882;}.cta .sub{color: var(--on-dark-muted);margin: 24px auto 40px;}.cta-btns{display: flex;gap: 12px;justify-content: center;flex-wrap: wrap;}.footer{padding: clamp(56px,8vh,80px) 0 40px;}.foot{display: grid;grid-template-columns: 1fr auto;gap: 28px;align-items: center;}.foot .brand small{display: block;font: 400 13px/1.4 var(--sans);color: var(--muted);letter-spacing: 0;margin-top: 2px;}.foot-links{display: flex;gap: 24px;font-size: 14px;}.foot-links a:hover{color: var(--accent);}.copy{grid-column: 1 / -1;padding-top: 24px;border-top: 1px solid var(--line);font-size: 13px;color: var(--muted);}.reveal{opacity: 0;transform: translateY(16px);transition: opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);}.reveal.in{opacity: 1;transform: none;}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto;}.reveal{opacity: 1;transform: none;transition: none;}.track{animation: none;}.btn,.work,.mini{transition: none;}}@media (max-width: 1024px){.extras{grid-template-columns: 1fr 1fr;}.steps{grid-template-columns: 1fr 1fr;}.packages{grid-template-columns: 1fr;max-width: 560px;margin: 0 auto;}}@media (max-width: 860px){.links,.nav>.btn{display: none;}.menu-btn{display: block;}.nav-shell.open .mobile-menu{display: block;}.hero-row,.head,.platforms,.why,.faq-wrap{grid-template-columns: 1fr;}.hero-row{gap: 28px;}.hero-cta{justify-content: flex-start;}.work-grid{grid-template-columns: 1fr;}.work-grid .work,.work-grid .work.w-lg{grid-column: auto;}.faq-wrap .head{position: static;}}@media (max-width: 560px){.extras,.steps{grid-template-columns: 1fr;}.hero-cta .btn{flex: 1;}.shot{min-height: 230px;padding: 20px;}.mini{width: 92%;}.pg-hero{grid-template-columns: 1fr;}.pg-img{display: none;}.pg-nav span{display: none;}.float{padding: 10px 14px;border-radius: 14px;}.float .v{font-size: 20px;}.float .pills b{font-size: 11px;padding: 6px 9px;}.f1{bottom: 10px;left: 10px;}.f2{top: auto;bottom: 10px;right: 10px;}.hero-visual{padding: 16px 16px 76px;}.foot{grid-template-columns: 1fr;}.faq summary{font-size: 16px;padding: 20px 58px 20px 20px;}.faq details p{padding: 0 20px 20px;}}