:root{--bg: #050505;--bg-soft: #0b0b0c;--text: #f2efe8;--muted: #c7c2b9;--platinum: #e9e3d7;--platinum-strong: #f7f3eb;--frame: rgba(255, 255, 255, .06);--frame-strong: rgba(255, 255, 255, .1);--line: rgba(255, 255, 255, .18);--liquid: rgba(255, 255, 255, .08);--liquid-border: rgba(255, 255, 255, .16);--shadow: 0 24px 70px rgba(0, 0, 0, .4);--container: min(1200px, calc(100vw - 120px) )}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top center,rgba(255,255,255,.07),transparent 22%),radial-gradient(circle at 20% 0%,rgba(255,255,255,.04),transparent 18%),linear-gradient(180deg,#050505,#0a0a0b 38%,#050505);color:var(--text);font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}.page{min-height:100vh}.container{width:var(--container);margin:0 auto}.site-header{padding:34px 0 18px}.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand,.nav-center{font-size:2rem;font-weight:700;color:var(--platinum-strong)}.nav-center{justify-self:center}.nav-button{justify-self:end}.call-button,.work-button{display:inline-flex;align-items:center;justify-content:center;min-height:82px;padding:0 40px;border-radius:20px;font-family:Instrument Sans,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.call-button{background:linear-gradient(180deg,#fff3,#ffffff14),#f5f1e71f;color:var(--platinum-strong);border:1px solid var(--liquid-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow)}.work-button{border:1px solid rgba(255,255,255,.4);background:linear-gradient(180deg,#ffffff14,#ffffff08),#ffffff05;color:var(--platinum);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.call-button:hover,.work-button:hover{transform:translateY(-2px);box-shadow:0 30px 80px #00000080}.hero{padding:26px 0 30px}.hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center}.hero h1{max-width:1120px;margin:26px 0 20px;font-family:Instrument Sans,sans-serif;font-size:clamp(3rem,4.8vw,5.2rem);line-height:1.04;letter-spacing:-.06em}.hero p{margin:0 0 34px;font-size:clamp(1.35rem,2vw,1.95rem);color:var(--muted)}.hero-image-frame{width:min(860px,100%);padding:14px;margin-bottom:64px;background:linear-gradient(180deg,#ffffff14,#ffffff08),#ffffff08;border-radius:24px;border:1px solid var(--liquid-border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero-image{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#020202;border-radius:14px}.hero-video{display:block;width:100%;height:100%;object-fit:cover}.hero-cta-row{width:min(760px,100%);display:flex;justify-content:space-between;gap:48px;margin-bottom:80px}.video-box{width:min(620px,100%);padding:14px;background:linear-gradient(180deg,#ffffff17,#ffffff08),#ffffff08;border-radius:24px;border:1px solid var(--liquid-border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow)}.video-screen{position:relative;overflow:hidden;border-radius:14px;background-color:#080808}.video-box.vertical .video-screen{aspect-ratio:9 / 16}.video-box:not(.vertical) .video-screen{aspect-ratio:16 / 9}.media-video{display:block;width:100%;height:100%;object-fit:cover;background:#000}.video-overlay-top,.video-overlay-bottom{position:absolute;left:0;right:0;z-index:3;padding:14px 16px}.video-overlay-top{top:0}.video-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:#ffffff17;border:1px solid rgba(255,255,255,.18);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--platinum-strong);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.trusted{padding:8px 0 24px}.trusted h2,.examples-title,.closing h2{margin:0;text-align:center;font-family:Instrument Sans,sans-serif;letter-spacing:-.06em}.trusted h2{font-size:clamp(2.8rem,4.6vw,4.2rem);color:var(--platinum-strong)}.satisfaction{padding:16px 0 70px}.satisfaction-layout{display:grid;grid-template-columns:320px 1fr;gap:110px;align-items:start}.satisfaction-copy{padding-top:120px;align-self:start;position:sticky;top:160px}.satisfaction-copy h3{margin:0;font-family:Instrument Sans,sans-serif;font-size:clamp(2.5rem,3.9vw,3.9rem);line-height:1.08;letter-spacing:-.05em}.satisfaction-copy p{margin:18px 0 0;font-size:clamp(1.65rem,2.2vw,2rem);font-weight:700;color:var(--platinum)}.vertical-stack{display:flex;flex-direction:column;gap:48px;align-items:flex-start}.vertical-art{background-size:cover;background-position:center}.vertical-art-1{background:linear-gradient(180deg,#e5ddcf,#d7cdbb 38%,#2d3135 38%,#1b1d21)}.vertical-art-2{background:linear-gradient(180deg,#553c2f,#8a6548 30%,#c89d70 30%,#1f2125)}.vertical-art-3{background:linear-gradient(180deg,#c3c6c9,#8aa1c0 30%,#e0d6c7 30%,#1f2227)}.how-it-works{padding:70px 0 52px}.steps-container{max-width:1120px}.how-it-works h2{max-width:980px;margin:0 auto 54px;text-align:center;font-family:Instrument Sans,sans-serif;font-size:clamp(2.9rem,4.9vw,4.4rem);line-height:1.12;letter-spacing:-.06em;color:var(--platinum-strong)}.step-list{display:flex;flex-direction:column;gap:68px}.step-row{display:grid;grid-template-columns:220px 1fr;gap:34px;align-items:start}.step-num{font-family:Instrument Sans,sans-serif;font-size:clamp(8rem,13vw,11rem);line-height:.9;font-weight:700;letter-spacing:-.08em}.step-copy h3{margin:0 0 12px;font-family:Instrument Sans,sans-serif;font-size:clamp(2.3rem,3.5vw,3.4rem);font-weight:400;letter-spacing:-.06em}.step-copy p{margin:0;font-size:clamp(1.05rem,1.65vw,1.35rem);line-height:1.7;color:var(--muted)}.examples{padding:48px 0 30px}.examples-title{font-size:clamp(4rem,7vw,6rem);font-weight:400;line-height:.95;margin-bottom:52px}.short-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px;justify-items:center}.short-example,.long-example{width:100%}.short-example{max-width:350px}.short-preview{background-size:cover;background-position:center}.short-preview-1{background:linear-gradient(180deg,#f2f1ed,#ddd8cd)}.short-preview-2{background:linear-gradient(180deg,#05070f,#201f29 34%,#9ca1ae 34%,#30353b)}.short-preview-3{background:linear-gradient(180deg,#c8c9cc,#d6d0c8 42%,#5c4b3d 42%,#18181a)}.short-preview-4{background:linear-gradient(180deg,#1d5c33,#101210)}.short-preview-5{background:linear-gradient(180deg,#6eb7ef,#dccbb5)}.short-preview-6{background:linear-gradient(180deg,#4d3bb2,#171322)}.long-examples{padding-top:42px}.long-title{font-size:clamp(4.6rem,8.5vw,6.8rem)}.long-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px;justify-items:center}.long-example{max-width:560px}.long-preview{aspect-ratio:16 / 9;background-size:cover;background-position:center}.long-preview-1{background:linear-gradient(135deg,#c4882f,#1d1d1f)}.long-preview-2{background:linear-gradient(135deg,#817868,#262626)}.long-preview-3{background:linear-gradient(135deg,#8d7358,#473b31)}.long-preview-4{background:linear-gradient(135deg,#ddd6cf,#9daecc)}.long-preview-5{background:linear-gradient(135deg,#d21919,#5a5a5a)}.long-preview-6{background:linear-gradient(135deg,#05051f,#2d2d2d)}.closing{padding:74px 0 90px}.closing-inner{text-align:center}.closing h2{font-size:clamp(3.2rem,5.2vw,4.4rem);margin-bottom:6px}.closing p{margin:0 0 34px;font-family:Instrument Sans,sans-serif;font-size:clamp(1.6rem,2.4vw,2.1rem);font-weight:700;letter-spacing:-.05em;color:var(--platinum)}.step-row,.short-example,.long-example,.hero-image-frame,.video-box,.call-button,.work-button{will-change:transform,opacity}.large-call{width:min(1040px,100%);min-height:168px;border-radius:30px;font-size:clamp(3rem,6.8vw,5rem);letter-spacing:.18em}@media(max-width:980px){:root{--container: min(1200px, calc(100vw - 36px) )}.nav{grid-template-columns:1fr;justify-items:center;gap:18px}.hero-cta-row,.satisfaction-layout,.step-row,.short-grid,.long-grid{grid-template-columns:1fr;flex-direction:column}.hero-cta-row{display:flex;gap:18px}.satisfaction-copy{padding-top:0;position:static}.vertical-stack{align-items:center}}@media(max-width:640px){:root{--container: min(1200px, calc(100vw - 20px) )}.brand,.nav-center{font-size:1.6rem}.call-button,.work-button{width:100%;min-height:70px;padding:0 18px}.hero-icon{width:150px;height:150px;border-radius:34px;font-size:3rem}.large-call{min-height:108px;font-size:2.4rem}}
