@charset "UTF-8";
:root{color-scheme:dark;--bg:#09090b;--ink:#f2f0ec;--muted:#a5a3a5;--line:#ffffff22;--accent:#ff825e;--peach:#ffc0a7;--ease:cubic-bezier(.2,.7,.2,1);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--peach);outline-offset:6px}button[hidden]{display:none}.skip-link{position:fixed;z-index:20;top:12px;left:12px;padding:12px;background:var(--ink);color:var(--bg);transform:translateY(-150%)}.skip-link:focus{transform:none}.page-shell{max-width:1720px;margin:auto;padding:0 clamp(22px,4.3vw,78px)}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:108px;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:22px;font-weight:650;letter-spacing:-.9px;white-space:nowrap}.brand-symbol{display:grid;place-items:center;width:37px;height:37px;border:1px solid #ff825e8c;border-radius:11px;color:var(--accent);font-size:25px;font-weight:500;letter-spacing:-3px;padding-right:3px}.brand-dot{color:var(--accent)}.launch-status{display:flex;gap:12px;align-items:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:1.9px;color:#c2bfc0}.status-line{width:22px;height:1px;background:var(--accent)}.motion-control{display:flex;align-items:center;gap:10px;color:#c2bfc0;border:0;background:transparent;padding:13px 0 13px 10px;font-size:12px;cursor:pointer}.motion-control:hover{color:white}.control-icon{font-size:14px;width:14px;text-align:center}
.hero{position:relative;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;min-height:690px;padding:61px 0 52px;gap:20px}.hero-copy{position:relative;z-index:2;pointer-events:none}.eyebrow{display:flex;align-items:center;gap:18px;margin-bottom:35px}.edition{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:500;letter-spacing:2px;color:var(--muted)}.small-rule{height:1px;width:45px;background:#555154}h1{font-size:clamp(45px,5.75vw,88px);line-height:1.055;font-weight:500;letter-spacing:-.065em;margin:0 0 27px;max-width:760px}.headline-line{display:block}.accent-line{color:var(--accent)}.period{color:var(--ink)}.intro{font-size:17px;line-height:1.65;max-width:405px;color:#b4b0b1;margin:0 0 33px;font-weight:400}.coming-soon{display:flex;gap:17px;align-items:center;font-size:29px;letter-spacing:-.8px;font-weight:500}.soon-mark{display:inline-block;color:var(--accent);font-size:37px;line-height:1}.soon-dot{color:var(--accent)}.signoff{font-size:12px;color:#807b7e;margin:14px 0 0 50px;line-height:1.5}
.visual-stage{position:relative;min-width:0;height:570px;isolation:isolate}.artwork-wrap{position:absolute;inset:-55px -35px -25px -140px;z-index:-1;overflow:hidden;pointer-events:none}.hero-artwork{height:100%;width:100%;object-fit:contain;mix-blend-mode:screen;transform-origin:54% 48%;will-change:transform;animation:bloom 16s ease-in-out infinite;filter:saturate(.97)}.stage-caption{position:absolute;display:flex;gap:25px;align-items:center;justify-content:space-between;right:0;top:7px;width:245px;font:9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.6px;color:#999294}.caption-cross{font-size:24px;font-weight:200;color:var(--accent)}
.workflow{position:absolute;left:15%;right:0;bottom:15px;max-width:390px;padding:22px 23px 17px;border:1px solid #f4d4c735;background:#151215e6;box-shadow:0 25px 70px #0006;backdrop-filter:blur(22px);border-radius:16px;transform:rotate(-4deg);animation:float 9s ease-in-out infinite}.workflow-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:25px}.workflow-brand{font-size:13px;letter-spacing:-.2px;font-weight:650}.preview-label{font:8px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.2px;color:#b8aeb0;border:1px solid #ffffff20;padding:5px 6px;border-radius:3px}.workflow-scene{position:relative;min-height:152px}.scene{display:none}.scene.is-current{display:block}.scene-meta{display:flex;align-items:center;gap:9px;font-size:12px;color:#bbb3b5;margin-bottom:19px}.scene-number{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--accent)}.message{display:flex;align-items:flex-start;gap:10px;margin-top:12px}.avatar,.mini-brand{flex:0 0 24px;height:24px;display:grid;place-items:center;border-radius:50%;font-size:11px}.avatar{color:#ffd5c7;background:#704537}.mini-brand{background:#ff8862;color:#21110d;font-weight:700;letter-spacing:-1px}.message p{margin:0;font-size:13px;line-height:1.6}.message-customer p{background:#ffffff0a;border:1px solid #ffffff12;padding:8px 11px;border-radius:0 9px 9px;color:#ddd6d5}.message-frontdesk{margin-top:15px}.message-frontdesk p{color:#b7b0b3}.message-frontdesk strong{font-weight:500;color:#f3dfd6}.workflow-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff15;padding-top:15px;margin-top:14px}.scene-progress{display:flex;gap:5px}.scene-progress i{display:block;width:29px;height:2px;background:#ffffff22;overflow:hidden}.scene-progress i.is-current{background:var(--accent)}.scene-counter{font:9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px;color:#968e92}.customer-preview{display:flex;align-items:center;gap:10px;margin-top:1px}.customer-avatar{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:#493f49;color:#e4d7e5;font-size:13px}.customer-preview>div,.request-preview>div{display:grid;gap:5px}.customer-preview strong,.request-preview strong{font-size:14px;font-weight:500}.customer-preview div>span,.request-preview div>span{font-size:11px;color:#a79ea4}.new-tag{font-size:8px;letter-spacing:1px;color:var(--peach);border:1px solid #ff825e50;border-radius:3px;padding:4px 5px;margin-left:auto}.customer-note{padding:11px 13px;background:#ffffff06;border-radius:6px;margin-top:15px}.customer-note>span{font-size:8px;letter-spacing:1.2px;color:#bd9e91}.customer-note p{font-size:12px;line-height:1.5;margin:5px 0 0;color:#ddd3d3}.request-preview{display:flex;gap:11px;align-items:center;margin:25px 0 20px}.request-icon{font-size:25px;color:var(--peach);width:35px;line-height:35px;background:#ff825e15;text-align:center;border:1px solid #ff825e25;border-radius:9px}.approval-note{display:flex;align-items:center;gap:8px;font-size:12px;padding:11px 12px;background:#d6dfa10c;color:#c7ccb3;border:1px solid #d6dfa120;border-radius:6px}.approval-note strong{font-weight:500}.approval-check{color:#dbe8a5}.orbit-label{position:absolute;top:47%;right:-8px;display:flex;align-items:center;gap:10px;transform:rotate(90deg) translateX(45%);transform-origin:right center;color:#bbaca4;font:8px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.8px}.orbit-star{color:var(--accent);font-size:26px}
.possibilities{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;gap:25px}.possibilities-intro{display:flex;align-items:center;gap:16px;font-size:13px;line-height:1.6;color:#959093}.possibilities-intro strong{color:#d0c9c9;font-weight:400}.section-tick{font-size:34px;color:var(--accent);font-weight:200}.possibility{display:flex;gap:13px;align-items:center;border-left:1px solid var(--line);padding:12px 0 12px 23px;font-size:17px;letter-spacing:-.3px}.feature-number{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;color:#8d7872;align-self:flex-start}.feature-plus{color:var(--accent);font-size:20px;font-weight:200;margin-left:auto}footer{min-height:84px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#7b767b;font-size:11px}footer>span:first-child{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:2px}.footer-soon{font:9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.6px;color:#b4aaa9}.footer-soon span{margin-left:10px;color:var(--accent);font-size:17px}
.hero-artwork{mask-image:radial-gradient(ellipse 49% 49% at 50% 50%,#000 55%,#000b 75%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 49% 49% at 50% 50%,#000 55%,#000b 75%,transparent 100%)}
.motion-enabled .hero-copy{animation:arrive 1.3s var(--ease) both}.motion-enabled .visual-stage{animation:art-arrive 1.7s var(--ease) both}.motion-enabled .soon-mark{animation:turn 25s linear infinite}.motion-enabled .scene.is-current{animation:scene-in .7s var(--ease) both}.motion-enabled .scene.is-current .message-frontdesk{animation:reply-in .8s 1.2s var(--ease) both}.motion-enabled .scene-progress i.is-current{background:#ffffff22}.motion-enabled .scene-progress i.is-current::after{content:"";display:block;height:100%;background:var(--accent);transform-origin:left;animation:progress 5.5s linear both}
.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-static .hero-artwork,.motion-static .workflow{animation:none}.motion-static .hero-copy,.motion-static .visual-stage,.motion-static .scene,.motion-static .message-frontdesk{animation:none!important}.motion-static .scene-progress i.is-current::after{animation:none;transform:none}.motion-static .soon-mark{animation:none!important}
@keyframes bloom{0%,100%{transform:scale(.98) rotate(-8deg)}50%{transform:scale(1.08) rotate(7deg)}}@keyframes float{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-12px)}}@keyframes turn{to{transform:rotate(360deg)}}@keyframes arrive{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes art-arrive{from{opacity:0;transform:scale(.87)}to{opacity:1;transform:none}}@keyframes scene-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes reply-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:1500px){.hero{min-height:760px}.visual-stage{height:630px}.workflow{bottom:25px;right:30px}.hero h1{font-size:88px}}
@media(max-width:1100px){.launch-status{font-size:9px;letter-spacing:1.2px}.hero{min-height:640px;gap:0}.visual-stage{height:520px}.workflow{left:4%;right:7%;padding:18px}.workflow-top{gap:5px}.workflow-brand{font-size:12px}.preview-label{font-size:7px;letter-spacing:.6px}.stage-caption{font-size:8px;width:210px}.possibilities{gap:18px;grid-template-columns:1.3fr 1fr 1fr 1fr}.possibility{font-size:15px;gap:8px;padding-left:14px}.feature-plus{display:none}.intro{max-width:360px}.signoff{max-width:260px}}
@media(max-width:760px){.page-shell{padding:0 24px}.masthead{min-height:82px;gap:10px}.wordmark{font-size:19px;gap:9px}.brand-symbol{width:31px;height:31px;font-size:22px;border-radius:9px}.launch-status{display:none}.motion-control{font-size:11px}.hero{grid-template-columns:1fr;padding:43px 0 29px;gap:0;min-height:auto}.eyebrow{margin-bottom:23px}.edition{font-size:10px;letter-spacing:1.5px}h1{font-size:clamp(43px,8.1vw,65px);letter-spacing:-.064em;margin-bottom:21px}.intro{font-size:16px;line-height:1.6;max-width:400px;margin-bottom:27px}.coming-soon{font-size:26px;gap:13px}.soon-mark{font-size:32px}.signoff{font-size:11px;margin-left:43px;max-width:none}.visual-stage{height:460px;margin-top:2px}.artwork-wrap{inset:-35px -24px -10px -24px}.stage-caption{top:30px;right:0;max-width:210px}.workflow{left:9%;right:9%;bottom:14px;max-width:390px;margin:auto;padding:20px 21px 17px}.workflow-brand{font-size:13px}.preview-label{font-size:8px;letter-spacing:1px}.orbit-label{right:-7px;top:44%}.possibilities{grid-template-columns:1fr 1fr 1fr;padding:24px 0;gap:20px 8px}.possibilities-intro{grid-column:1/-1;gap:12px;font-size:13px}.possibilities-intro br{display:none}.possibilities-intro strong{margin-left:4px}.section-tick{font-size:24px}.possibility{padding:7px 0;gap:7px;border-left:0;font-size:13px;letter-spacing:0}.feature-number{font-size:8px}footer{min-height:110px;flex-wrap:wrap;gap:10px;padding:23px 0;font-size:10px}footer>span:nth-child(2){order:3;width:100%}.footer-soon{font-size:8px}}
@media(max-width:360px){.page-shell{padding:0 18px}.wordmark{font-size:17px}.motion-control{gap:5px;font-size:10px}h1{font-size:39px}.workflow{left:3%;right:5%;padding:18px}.visual-stage{height:420px}.possibility{font-size:12px}.signoff{max-width:235px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-artwork{transform:none}}