@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--ink: #15171a;--ink-soft: #3b424a;--paper: #f8fafc;--surface: #ffffff;--surface-muted: #eef2f6;--line: rgba(21, 23, 26, .12);--line-strong: rgba(21, 23, 26, .2);--accent: #2563eb;--accent-soft: #dbeafe;--accent-strong: #1d4ed8;--success: #0f766e;--shadow-soft: 0 18px 60px rgba(15, 23, 42, .16);--shadow-lift: 0 26px 90px rgba(15, 23, 42, .22);--ease-out: cubic-bezier(.16, 1, .3, 1)}html,body,#root{height:100%}body{margin:0;overflow:hidden;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}*{box-sizing:border-box}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(37,99,235,.5);border-radius:999px}.font-display{font-family:inherit}.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--client-bg, #0f172a)}.app-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;background:linear-gradient(100deg,rgba(15,23,42,.18) 0%,transparent 36%,rgba(15,23,42,.16) 100%)}.brand-ribbon{position:fixed;left:clamp(12px,2vw,22px);top:clamp(12px,2vw,22px);z-index:900;display:flex;min-width:0;align-items:center;gap:12px;max-width:min(460px,calc(100vw - 24px));padding:12px 15px 12px 12px;border:1px solid rgba(15,23,42,.1);border-radius:8px;background:color-mix(in srgb,var(--client-surface, #fff) 92%,transparent);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08);animation:ribbonIn .8s var(--ease-out) both}.brand-mark{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:8px;background:var(--client-primary, var(--accent));color:#fff;font-size:1rem;font-weight:900;line-height:1}.brand-copy{min-width:0}.brand-kicker{color:var(--client-primary, var(--accent));font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.brand-title{overflow:hidden;color:var(--client-text, var(--ink));font-size:clamp(.98rem,.92rem + .35vw,1.16rem);font-weight:800;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.fade-slide-in{animation:fadeSlideIn .76s var(--ease-out) both}.sheet-rise-in{animation:sheetRiseIn .64s var(--ease-out) both}.view-toggle{position:fixed;left:50%;top:clamp(14px,2vw,22px);z-index:905;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid rgba(15,23,42,.1);border-radius:8px;background:rgba(255,255,255,.92);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08);transform:translate(-50%)}.view-toggle button{min-width:78px;min-height:38px;border:0;border-radius:6px;color:var(--ink-soft);background:transparent;cursor:pointer;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.view-toggle button.active{color:#fff;background:var(--client-primary, var(--accent))}.brand-logo{width:42px;height:42px;flex:0 0 42px;border-radius:8px;object-fit:contain;background:white;border:1px solid rgba(15,23,42,.1)}.landing-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1120px}.landing-nav strong{font-size:1rem;font-weight:900}.landing-nav div,.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.landing-nav a,.hero-actions a,.hero-actions button,.pricing-panel button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;padding:0 14px;background:#fff;color:var(--ink);font-weight:850;text-decoration:none;cursor:pointer}.hero-actions{margin-top:28px}.hero-actions .hero-primary,.pricing-panel button{border-color:var(--accent);background:var(--accent);color:#fff}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1120px;margin-top:clamp(34px,7vh,76px)}.feature-grid article,.pricing-panel{border:1px solid var(--line);border-radius:8px;padding:18px;background:#fff;box-shadow:var(--shadow-soft)}.feature-grid strong,.pricing-panel strong{display:block;color:var(--ink);font-size:1.08rem;font-weight:900}.feature-grid p,.pricing-panel p{margin:10px 0 0;color:#4b5563;line-height:1.65}.pricing-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1120px;margin-top:14px}.pricing-panel span,.section-heading span{color:var(--accent);font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.collections-section{max-width:1120px;margin-top:clamp(36px,7vh,76px)}.section-heading h2{margin:4px 0 0;color:var(--ink);font-size:clamp(2rem,4vw,3.6rem);line-height:1}.contact-block{display:grid;gap:8px;margin-top:16px;border:1px solid rgba(15,23,42,.12);border-radius:8px;padding:14px;background:#fff}.contact-block strong{color:#15171a;font-weight:900}.contact-block a{color:var(--client-primary, #2563eb);font-weight:800;text-decoration:none}.collection-list-panel{position:fixed;left:clamp(12px,2vw,22px);top:94px;bottom:18px;z-index:890;width:min(420px,calc(100vw - 24px));display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(15,23,42,.1);border-radius:8px;background:rgba(255,255,255,.94);box-shadow:var(--shadow-lift);-webkit-backdrop-filter:blur(20px) saturate(1.08);backdrop-filter:blur(20px) saturate(1.08);opacity:0;pointer-events:none;transform:translate(-18px);transition:opacity .26s var(--ease-out),transform .26s var(--ease-out)}.collection-list-panel.visible{opacity:1;pointer-events:auto;transform:translate(0)}.collection-list-header{flex:0 0 auto;padding:18px;border-bottom:1px solid var(--line);background:#fff}.collection-list-header span{display:inline-flex;margin-bottom:10px;color:var(--accent);font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.collection-list-header strong{display:block;color:var(--ink);font-size:clamp(1.2rem,1.05rem + .7vw,1.6rem);font-weight:850;line-height:1.12}.collection-list-items{min-height:0;overflow:auto;padding:10px}.collection-list-items button{width:100%;min-height:104px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;margin:0 0 8px;padding:14px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;cursor:pointer;text-align:left;transition:transform .2s var(--ease-out),border-color .2s var(--ease-out),background .2s var(--ease-out)}.collection-list-items button:hover,.collection-list-items button.active{transform:translateY(-2px);border-color:#2563eb57;background:#f8fbff}.collection-list-items span{color:var(--accent);font-size:.7rem;font-weight:800}.collection-list-items strong{color:var(--ink);font-size:1rem;font-weight:850;line-height:1.2}.collection-list-items small{max-width:100%;overflow:hidden;color:#64748b;font-size:.78rem;font-weight:600;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.landing-shell{min-height:100%;overflow:auto;padding:clamp(24px,5vw,72px);background:linear-gradient(rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(180deg,#f8fafc 0%,#eef2f6 100%);background-size:64px 64px,64px 64px,auto}.landing-hero{max-width:920px;padding-top:clamp(32px,8vh,96px)}.landing-kicker{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.landing-hero h1{max-width:900px;margin:18px 0 0;color:var(--ink);font-size:clamp(3rem,7vw,7.2rem);font-weight:850;letter-spacing:0;line-height:.94}.landing-hero p{max-width:680px;margin:24px 0 0;color:#4b5563;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.75}.landing-actions{display:flex;max-width:880px;align-items:stretch;gap:14px;margin-top:30px;flex-wrap:wrap}.collection-search{display:grid;min-width:min(100%,390px);flex:1;gap:8px}.collection-search span{color:var(--accent);font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.collection-search input{width:100%;min-height:52px;border:1px solid var(--line);border-radius:8px;padding:0 16px;color:var(--ink);background:white;outline:0;box-shadow:var(--shadow-soft)}.collection-search input::placeholder{color:#94a3b8}.collection-search input:focus{border-color:#2563eb9e}.landing-stats{display:grid;min-width:min(100%,310px);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.landing-stats div{min-height:76px;display:grid;align-content:center;gap:2px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:white;box-shadow:var(--shadow-soft)}.landing-stats strong{color:var(--ink);font-size:2rem;font-weight:600;line-height:1}.landing-stats span{color:#64748b;font-size:.76rem;font-weight:800;text-transform:uppercase}.collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;max-width:1120px;margin-top:clamp(32px,7vh,72px);padding-bottom:40px}.collection-card{min-height:174px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:18px;border:1px solid var(--line);border-radius:8px;color:var(--ink);text-decoration:none;background:white;box-shadow:var(--shadow-soft);transition:transform .24s var(--ease-out),border-color .24s var(--ease-out),box-shadow .24s var(--ease-out)}.collection-card:hover{transform:translateY(-4px);border-color:#2563eb5c;box-shadow:var(--shadow-lift)}.collection-card span{width:max-content;max-width:100%;padding:6px 10px;border:1px solid rgba(37,99,235,.18);border-radius:999px;color:var(--accent);background:var(--accent-soft);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.collection-card strong{color:var(--ink);font-size:1.28rem;font-weight:850;line-height:1.12}.collection-card small{overflow-wrap:anywhere;color:#64748b;font-size:.82rem;font-weight:700}.landing-empty,.list-empty{border:1px solid var(--line);border-radius:8px;padding:18px;color:#64748b;background:white;font-weight:800}.list-empty{margin:10px}.page-state{min-height:100%;display:grid;place-items:center;padding:22px;background:linear-gradient(rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(180deg,#f8fafc 0%,#eef2f6 100%);background-size:64px 64px,64px 64px,auto}.page-state-card{width:min(100%,620px);padding:clamp(24px,5vw,46px);border:1px solid var(--line);border-radius:8px;background:white;box-shadow:var(--shadow-lift);-webkit-backdrop-filter:blur(24px) saturate(1.1);backdrop-filter:blur(24px) saturate(1.1)}.page-state-card h1{margin:14px 0 0;color:var(--ink);font-size:clamp(2.1rem,7vw,4.6rem);font-weight:850;letter-spacing:0;line-height:.96}.page-state-card p{margin:18px 0 0;color:#4b5563;font-size:1rem;line-height:1.7}.page-state-card a{display:inline-flex;min-height:46px;align-items:center;justify-content:center;margin-top:24px;border:1px solid var(--accent);border-radius:8px;padding:0 16px;color:#fff;background:var(--accent);font-weight:900;text-decoration:none}@keyframes ribbonIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes sheetRiseIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 899px){.brand-ribbon{right:12px;top:68px;max-width:calc(100vw - 24px);padding:10px 12px 10px 10px}.view-toggle{top:12px}.collection-list-panel{top:122px;bottom:12px;left:10px;right:10px;width:auto;border-radius:22px}.brand-mark{width:38px;height:38px;font-size:1.28rem}.brand-title{font-size:1.08rem}.landing-shell{padding:22px}.landing-actions,.landing-stats{display:grid;grid-template-columns:1fr}.landing-hero h1{font-size:clamp(3rem,17vw,4.9rem)}.collection-grid{grid-template-columns:1fr}.feature-grid,.pricing-panel{display:grid;grid-template-columns:1fr}}