:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fafc;background:#07080a;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--bg: #07080a;--panel: rgba(17, 19, 24, .82);--panel-strong: rgba(24, 27, 34, .92);--line: rgba(255, 255, 255, .11);--line-strong: rgba(255, 255, 255, .18);--text: #f8fafc;--muted: #a4adbb;--soft: #d9dee7;--accent: #5df4df;--violet: #9b8cff}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{margin:0;background:radial-gradient(circle at 24% 18%,rgba(93,244,223,.12),transparent 28%),radial-gradient(circle at 78% 16%,rgba(155,140,255,.12),transparent 30%),var(--bg)}a{color:inherit;text-decoration:none}.page-shell{position:relative;display:grid;min-height:100svh;padding:clamp(14px,2vw,24px);overflow:hidden;isolation:isolate}.ambient-canvas{position:fixed;inset:0;z-index:-2;width:100%;height:100%}.page-shell:after{position:fixed;inset:0;z-index:-1;content:"";background:linear-gradient(180deg,#07080a0a,#07080ab8),radial-gradient(circle at 50% 110%,rgba(255,255,255,.08),transparent 34%);pointer-events:none}.site-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:min(1500px,100%);height:62px;margin:0 auto;border:1px solid var(--line);border-radius:22px;padding:0 12px;background:#0a0b0ead;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-weight:720}.brand-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:13px;color:#07110f;background:linear-gradient(135deg,var(--accent),#ffffff)}.profile-action{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:8px 12px 8px 8px;color:var(--soft);font-size:14px;font-weight:700;background:#ffffff0b;cursor:pointer;transition:background .16s ease,border-color .16s ease}button.profile-action{font:inherit}.profile-action svg{flex:0 0 auto;display:block;width:34px;height:34px;border-radius:999px;padding:8px;color:#07110f;background:#ffffffe6}.profile-action:hover{color:#fff;border-color:#ffffff2e;background:#ffffff13}.landing-panel{display:grid;grid-template-rows:auto 1fr auto;align-content:center;gap:clamp(14px,2.5vh,24px);width:min(1500px,100%);min-height:calc(100svh - 110px);margin:0 auto;padding:clamp(24px,5vw,54px) 0 0}.intro{max-width:1220px;animation:intro-in .62s ease both}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:12px;font-weight:760;letter-spacing:.11em;text-transform:uppercase}h1,h2,p{margin:0}h1{max-width:1180px;margin-top:16px;color:var(--text);font-size:clamp(52px,5.7vw,96px);line-height:.92;letter-spacing:0}.intro p{max-width:720px;margin-top:18px;color:var(--muted);font-size:clamp(16px,1.8vw,20px);line-height:1.58}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,18px);min-height:330px}.product-card{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;min-height:clamp(320px,39vh,410px);overflow:hidden;border:1px solid var(--line);border-radius:30px;padding:clamp(22px,3vw,32px);background:linear-gradient(180deg,#ffffff16,#ffffff09),var(--panel);box-shadow:0 26px 80px #00000047;transition:transform .18s ease,border-color .18s ease,background .18s ease}.product-card:after{position:absolute;inset:auto -10% -35% 20%;height:56%;content:"";background:radial-gradient(circle,rgba(255,255,255,.1),transparent 58%);pointer-events:none}.product-card:hover{transform:translateY(-4px);border-color:#ffffff38;background:linear-gradient(180deg,#ffffff1c,#ffffff0b),var(--panel-strong)}.product-card.ai:hover{border-color:#5df4df57}.product-card.editor:hover{border-color:#9b8cff57}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.product-icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:16px;color:#07110f;background:linear-gradient(135deg,#ffffff,var(--accent))}.editor .product-icon{background:linear-gradient(135deg,#ffffff,var(--violet))}.mobile .product-icon{background:linear-gradient(135deg,#fff,#b9c1cf)}.product-eyebrow{color:var(--muted);font-size:12px;font-weight:760;letter-spacing:.11em;text-transform:uppercase}.product-body{position:relative;z-index:1;margin-top:clamp(20px,3vh,28px)}.product-body h2{color:var(--text);font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:0}.mobile .product-body h2{font-size:clamp(32px,3.4vw,48px);white-space:nowrap}.product-body p{max-width:520px;margin-top:14px;color:var(--muted);font-size:15px;line-height:1.62}.product-visual{position:relative;min-height:176px;margin-top:14px}.ai-visual{display:flex;min-height:188px;flex-direction:column;align-items:center;justify-content:center;gap:10px;transform:perspective(900px) rotateX(7deg) rotate(-1deg);transform-origin:center;--ai-media-width: min(390px, calc(100% - 34px) )}.ai-prompt-bar{position:relative;left:auto;top:auto;z-index:2;display:grid;grid-template-columns:auto 1fr auto;align-items:center;width:var(--ai-media-width);gap:8px;transform:none;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:12px 14px;color:var(--soft);background:#07080ab8;box-shadow:0 16px 50px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ai-prompt-bar span{overflow:hidden;color:#ffffff9e;font-size:13px;white-space:nowrap;text-overflow:ellipsis}.ai-prompt-bar .send-button{display:grid;width:28px;height:28px;place-items:center;border-radius:999px;color:#08100f;background:#ffffffe6}.ai-video-placeholder{position:relative;left:auto;top:auto;display:grid;width:var(--ai-media-width);aspect-ratio:16 / 9;min-height:150px;place-items:center;overflow:hidden;transform:none;border:1px solid rgba(255,255,255,.16);border-radius:22px;color:#ffffffe0;background:linear-gradient(145deg,#5df4df2e,#9b8cff2e),#14171f;animation:none}.ai-scene{position:absolute;inset:0;background:radial-gradient(circle at 26% 30%,rgba(93,244,223,.24),transparent 34%),radial-gradient(circle at 74% 34%,rgba(155,140,255,.22),transparent 35%),linear-gradient(135deg,rgba(255,255,255,.04),transparent 60%)}.scene-orb{position:absolute;border-radius:999px;filter:blur(1px);mix-blend-mode:screen;animation:orb-drift 6.5s ease-in-out infinite}.orb-one{top:18%;left:22%;width:78px;height:78px;background:#5df4df4d}.orb-two{top:22%;right:18%;width:96px;height:96px;background:#9b8cff47;animation-delay:-1.8s}.orb-three{left:44%;bottom:8%;width:120px;height:120px;background:#ffffff1f;animation-delay:-3.2s}.scene-sweep{position:absolute;top:-30%;left:-42%;width:42%;height:160%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);animation:scene-sweep 4.8s ease-in-out infinite}.scene-particle{position:absolute;width:8px;height:8px;border-radius:999px;background:#ffffff8c;box-shadow:0 0 24px #ffffff42;animation:particle-float 5.5s ease-in-out infinite}.particle-one{left:24%;top:64%}.particle-two{right:28%;top:24%;animation-delay:-1.2s}.particle-three{right:18%;bottom:22%;animation-delay:-2.4s}.video-label{position:relative;z-index:2;display:grid;place-items:center;gap:10px;color:#ffffffd1}.video-label span{color:#ffffffb8;font-size:12px;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.timeline-preview{position:absolute;left:50%;top:10px;width:min(92%,500px);height:162px;overflow:hidden;transform:translate(-50%) perspective(900px) rotateX(12deg) rotate(-1.5deg);transform-origin:center;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:linear-gradient(180deg,#ffffff13,#ffffff06),#111319;box-shadow:0 20px 60px #00000047}.mobile-visual{display:grid;place-items:center}.phone-preview{width:150px;height:224px;border:1px solid rgba(255,255,255,.18);border-radius:26px;padding:8px;background:linear-gradient(180deg,#ffffff1f,#ffffff09),#101218;box-shadow:0 18px 48px #00000047}.phone-screen{display:grid;height:100%;grid-template-rows:1fr auto;gap:8px;overflow:hidden;border-radius:20px;padding:8px;background:radial-gradient(circle at 50% 24%,rgba(93,244,223,.2),transparent 34%),linear-gradient(160deg,#9b8cff38,#ffffff0a),#151821}.phone-video{display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:16px;color:#ffffffdb;background:#0000002e}.phone-timeline{display:grid;gap:5px}.phone-timeline span{display:block;height:7px;border-radius:999px;background:#ffffff2e}.phone-timeline span:nth-child(2){width:76%;background:#5df4df70}.phone-timeline span:nth-child(3){width:52%;background:#9b8cff59}.coming-soon{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:fit-content;min-height:46px;border:1px solid var(--line-strong);border-radius:999px;padding:0 16px;color:#ffffffb8;font-size:15px;font-weight:760;background:#ffffff0e;cursor:not-allowed;opacity:.78}.timeline-header{display:flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.08)}.timeline-header span{width:8px;height:8px;border-radius:999px;background:#ffffff3d}.timeline-ruler{display:grid;grid-template-columns:repeat(3,1fr);height:28px;align-items:center;padding-left:76px;border-bottom:1px solid rgba(255,255,255,.08);background:repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0,rgba(255,255,255,.12) 1px,transparent 1px,transparent 42px)}.timeline-row{position:relative;display:grid;grid-template-columns:68px 1fr;align-items:center;height:34px;border-bottom:1px solid rgba(255,255,255,.065)}.timeline-row b{display:block;width:24px;height:10px;margin-left:14px;border-radius:999px;background:#ffffff29}.clip{display:block;height:17px;border-radius:999px;background:#9b8cff61}.clip-long{width:88%}.clip-mid{width:54%;margin-left:18%;background:#5df4df70}.clip-short{width:42%;margin-left:34%;background:#ffffff2e}.playhead{position:absolute;top:32px;bottom:0;left:48%;width:2px;background:#fffc;box-shadow:0 0 18px #5df4df47}.product-action{position:relative;z-index:1;display:inline-flex;width:fit-content;align-items:center;gap:10px;min-height:46px;margin-top:18px;border:1px solid var(--line-strong);border-radius:999px;padding:0 16px;color:var(--soft);font-weight:760;background:#ffffff0f}.product-card:hover .product-action{color:#fff;border-color:#ffffff4d}.platform-note{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;color:var(--muted);font-size:13px}.platform-note span{border:1px solid var(--line);border-radius:999px;padding:8px 11px;background:#ffffff0b}@keyframes intro-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes soft-drift{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-7px,0)}}@keyframes orb-drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(14px,-10px,0) scale(1.08)}}@keyframes scene-sweep{0%{transform:translate(0) rotate(22deg);opacity:0}24%,62%{opacity:1}to{transform:translate(360%) rotate(22deg);opacity:0}}@keyframes particle-float{0%,to{transform:translateZ(0);opacity:.45}50%{transform:translate3d(0,-12px,0);opacity:.9}}@media(max-width:900px){.page-shell{overflow:auto}.landing-panel{min-height:auto;padding-bottom:22px}.intro{max-width:760px}h1{max-width:760px;font-size:clamp(44px,10vw,74px)}.product-grid{grid-template-columns:1fr}.product-card{min-height:320px}}@media(max-width:560px){.site-header{height:auto;align-items:stretch;border-radius:20px;padding:8px}.brand span:last-child{display:none}.profile-action{flex:1;justify-content:flex-end}.profile-action span{display:none}h1{font-size:42px;line-height:.98}.product-card{min-height:300px}.product-body h2{font-size:36px}.product-visual{min-height:96px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.ambient-canvas{display:none}}