:root{--bg:#f0f9ff;--surface:#fff;--text:#0c4a6e;--text-soft:#0369a1;--accent:#0284c7;--accent-strong:#0369a1;--border:#bae6fd;--radius:1rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.container{max-width:60rem;margin-inline:auto;padding-inline:1.25rem}.signin-banner{background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:60rem;margin:1rem auto 0;padding:.75rem 1.25rem;display:flex;box-shadow:0 4px 16px #0284c71f}.signin-banner-text{color:var(--text);font-size:.95rem}.signin-banner-actions{align-items:center;gap:.5rem;display:flex}.hero-signin-banner{max-width:none;margin:.75rem 0 0}.header{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#f0f9ffd9;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;padding-block:.9rem;display:flex}.logo{color:var(--text);letter-spacing:0;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;text-decoration:none;display:inline-flex}.logo-mark{object-fit:cover;border-radius:7px;flex-shrink:0}.logo-accent{color:var(--accent)}.nav-cta{color:var(--surface);background:var(--accent);cursor:pointer;border:none;border-radius:999px;padding:.5rem 1rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .2s}.nav-cta:hover{background:var(--accent-strong)}.hero{padding-block:clamp(3.5rem,9vw,6.5rem) clamp(3rem,7vw,5rem);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(42rem 24rem at 88% -12%,#38bdf833,#0000 60%),radial-gradient(36rem 22rem at 4% 18%,#22d3ee24,#0000 60%);position:absolute;inset:0}.hero-grid{align-items:center;gap:2.5rem;display:grid;position:relative}@media (width>=900px){.hero-grid{grid-template-columns:1.05fr .95fr;gap:3rem}}.hero-copy{justify-items:start;gap:1.05rem;display:grid}.badge{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-strong);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#e0f2feb3;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .95rem;font-size:.78rem;font-weight:800;display:inline-flex}.badge-dot{background:#22c55e;border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 3px #22c55e2e}.hero-title{letter-spacing:-.02em;color:var(--text);max-width:22ch;font-size:clamp(2.1rem,5.2vw,3.3rem);line-height:1.12}.gradient-text{background:linear-gradient(120deg, var(--accent), #0ea5e9 50%, #22d3ee);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-sub{max-width:32rem;color:var(--text-soft);font-size:clamp(1rem,2.4vw,1.12rem)}.hero-cta{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.hero-proof{color:var(--text-soft);flex-wrap:wrap;gap:.5rem 1.4rem;margin-top:1.4rem;font-size:.88rem;font-weight:600;display:flex}.hero-proof span{align-items:center;gap:.4rem;display:inline-flex}.tick{color:#16a34a;font-style:normal;font-weight:800}.hero-visual{place-items:center;min-height:18rem;padding:1.5rem 0;display:grid;position:relative}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,background .2s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--surface);box-shadow:0 10px 24px -12px #0284c7}.btn-primary:hover{background:var(--accent-strong);box-shadow:0 14px 28px -12px #0284c7}.btn-secondary{background:var(--surface);color:var(--accent);border-color:var(--border)}.btn-secondary:hover{border-color:var(--accent)}.btn-danger{background:var(--surface);color:#dc2626;border-color:var(--border)}.btn-danger:hover{background:#fef2f2;border-color:#dc2626}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-large{padding:1rem 2.25rem;font-size:1.1rem}.btn-small{min-height:0;padding:.5rem 1rem;font-size:.85rem}.nav-user{align-items:center;gap:.75rem;display:flex}.nav-avatar{object-fit:cover;border:1px solid var(--border);border-radius:50%;width:2rem;height:2rem}.nav-user-name{color:var(--text);font-size:.9rem;font-weight:700}.examples-section{background:var(--bg);border-top:1px solid var(--border)}.examples{gap:1.25rem;margin-top:2.5rem;display:grid}@media (width>=680px){.examples{grid-template-columns:repeat(2,1fr)}}.example{text-align:left;background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:20px;flex-direction:column;align-items:flex-start;gap:.6rem;width:100%;padding:1.75rem;font-family:inherit;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:0 18px 44px -30px #0284c766}.example:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 24px 48px -30px #0284c78c}.example-title{color:var(--text);font-size:1.15rem}.example-desc{color:var(--text-soft);max-width:30rem;font-size:.93rem}.example-view{pointer-events:none;align-items:center;gap:.35rem;margin-top:.75rem;display:inline-flex}.cta-section{text-align:center;background:linear-gradient(180deg, var(--surface), #dbeafe);border-top:1px solid var(--border)}.cta-title{letter-spacing:-.01em;color:var(--text);font-size:clamp(1.8rem,4.5vw,2.4rem)}.cta-sub{color:var(--text-soft);max-width:32rem;margin:1rem auto 1.9rem;font-size:1.05rem}.dashboard{flex:1;padding-block:clamp(2rem,5vw,3.5rem)}.dashboard-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.dashboard-title{color:var(--text);letter-spacing:-.01em;font-size:clamp(1.6rem,4vw,2.2rem)}.dashboard-sub{color:var(--text-soft);margin-top:.4rem}.upload-count{background:var(--surface);border:1px solid var(--border);color:var(--accent-strong);border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .95rem;font-size:.85rem;font-weight:800;display:inline-flex;box-shadow:0 10px 22px -18px #0284c766}.card-block{background:var(--surface);border:1px solid var(--border);border-radius:20px;margin-top:1.5rem;padding:1.5rem;box-shadow:0 20px 48px -34px #0284c759}.kind-picker{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.kind-label{color:var(--text);font-size:.9rem;font-weight:700}.kind-select{color:var(--text);background:var(--bg);border:1px solid var(--border);padding:.6rem 1rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%230284c7' d='M6 8 0 0h12z'/%3E%3C/svg%3E");background-position:right .9rem center;background-repeat:no-repeat;border-radius:999px;min-height:44px;padding-right:2.2rem;font-family:inherit;font-size:.95rem;font-weight:700;transition:border-color .2s,box-shadow .2s}.kind-select:hover,.kind-select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #0284c726}.kind-select:disabled{opacity:.6;cursor:wait}.dropzone{background:var(--bg);border:2px dashed var(--border);cursor:pointer;text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:.4rem;padding:2.25rem 1.5rem;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.dropzone:hover{border-color:var(--accent);background:#f8fdff;box-shadow:inset 0 0 0 3px #0284c70f}.dropzone.is-busy{cursor:wait;opacity:.7;border-color:var(--accent)}.dropzone input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.dropzone-icon{width:3rem;height:3rem;color:var(--accent);background:linear-gradient(135deg,#e0f2fe,#cffafe);border-radius:16px;place-items:center;margin-bottom:.5rem;display:inline-grid}.dropzone-title{color:var(--text);font-size:1.05rem;font-weight:700}.dropzone-sub{color:var(--text-soft);max-width:26rem;font-size:.88rem}.dropzone-chips{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:.7rem;display:flex}.chip{letter-spacing:.06em;color:var(--accent-strong);border:1px solid var(--border);background:#e0f2fe;border-radius:999px;padding:.3rem .7rem;font-size:.72rem;font-weight:700}.empty-state{background:var(--surface);border:1px dashed var(--border);text-align:center;border-radius:20px;justify-items:center;gap:.5rem;margin-top:1.5rem;padding:2.5rem 1.5rem;display:grid}.empty-state-icon{width:3rem;height:3rem;color:var(--accent);background:#e0f2fe;border-radius:16px;place-items:center;margin-bottom:.5rem;display:inline-grid}.empty-title{color:var(--text);font-size:1.05rem;font-weight:700}.empty-sub{color:var(--text-soft);max-width:22rem;font-size:.9rem}.pick-list{padding:.5rem;box-shadow:0 20px 48px -34px #0284c759}.pick-items{gap:0;padding:0;list-style:none;display:grid}.pick-item{border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .9rem;display:flex}.pick-item:hover{background:var(--bg)}.pick-item+.pick-item{border-top:1px solid var(--border)}.pick-info{align-items:center;gap:.75rem;min-width:0;display:flex}.pick-name{color:var(--text);word-break:break-all;font-size:.9rem;font-weight:700}.pick-size{color:var(--text-soft);white-space:nowrap;font-size:.8rem}.pick-remove{color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.35rem .6rem;font-size:.9rem;line-height:1;transition:background .15s,color .15s}.pick-remove:hover{color:#b91c1c;background:#fee2e2}.pick-footer{gap:.6rem;padding:.75rem .4rem .4rem;display:grid}.pick-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.pick-total{font-variant-numeric:tabular-nums;color:var(--text-soft);font-size:.85rem}.pick-hint{color:var(--text-soft);font-size:.8rem}.uploads{gap:1rem;margin-top:1.5rem;list-style:none;display:grid}.upload{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;box-shadow:0 18px 44px -32px #0284c759}.upload:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 24px 48px -32px #0284c780}.upload-file-icon{border-radius:14px;flex-shrink:0;place-items:center;width:2.8rem;height:2.8rem;display:inline-grid}.upload-file-icon.is-pdf{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#ffedd5)}.upload-file-icon.is-web{color:var(--accent);background:linear-gradient(135deg,#e0f2fe,#cffafe)}.upload-main{flex:1;align-items:flex-start;gap:.75rem;min-width:0;display:flex}.upload-info{min-width:0}.upload-meta{align-items:center;gap:.5rem;margin-bottom:.3rem;display:flex}.upload-size{color:var(--text-soft);font-variant-numeric:tabular-nums;font-size:.78rem}.upload-name{color:var(--text);word-break:break-word;font-size:1rem}.upload-actions{gap:.5rem;display:flex}.upload-action{min-width:44px;padding-inline:.6rem}.upload-action .icon{flex-shrink:0}.action-label{display:none}@media (width>=640px){.action-label{display:inline}.upload-action{padding-inline:1rem}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#root{flex-direction:column;min-height:100vh;display:flex}#root>.footer{margin-top:auto}.viewer{flex-direction:column;min-height:100vh;display:flex}.viewer-frame{border:0;flex:1;width:100%;min-height:0}.viewer-footer{background:var(--surface);border-top:1px solid var(--border);justify-content:center;padding:.75rem 1rem;display:flex}.viewer-missing{text-align:center;color:var(--text);flex:1;align-content:center;place-items:center;gap:1rem;padding:2rem;display:grid}.pdf-viewer{background:#dbeafe;flex-direction:column;flex:1;min-height:0;display:flex}.pdf-stage{flex-direction:column;flex:1;align-items:center;gap:clamp(1rem,3vw,1.5rem);min-height:0;padding:clamp(1rem,4vw,2rem);display:flex;overflow:auto}.pdf-canvas{background:#fff;border-radius:6px;display:block;box-shadow:0 1px 2px #0c4a6e33,0 8px 24px #0c4a6e2e}.pdf-status{color:var(--text-soft);flex-direction:column;align-items:center;gap:.75rem;font-weight:600;display:flex;position:absolute}.pdf-status p{margin:0}.pdf-toolbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.pdf-toolbar-file{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:min(50vw,22rem);font-size:.8rem;font-weight:700;overflow:hidden}.pdf-toolbar-group{align-items:center;gap:.25rem;display:flex}.pdf-btn{border:1px solid var(--border);background:var(--surface);min-width:2rem;height:2rem;color:var(--accent-strong);cursor:pointer;border-radius:8px;padding-inline:.5rem;font-size:1rem;font-weight:700;line-height:1;transition:background .15s,border-color .15s}.pdf-btn:hover:not(:disabled){border-color:var(--accent);background:#e0f2fe}.pdf-btn:disabled{opacity:.4;cursor:default}.pdf-btn.is-active{background:var(--accent);border-color:var(--accent);color:#fff;font-size:.8rem}.pdf-zoom{text-align:center;font-variant-numeric:tabular-nums;min-width:3.2rem;color:var(--text);font-size:.85rem}.pdf-btn-link{justify-content:center;align-items:center;font-size:.8rem;text-decoration:none;display:inline-flex}.html-viewer{background:var(--bg);flex-direction:column;flex:1;min-height:0;display:flex}.html-stage{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.html-frame{border:0;flex:1;width:100%;min-height:0}section:not(.hero){padding-block:clamp(2.5rem,6vw,4rem)}.section-header{text-align:center;justify-items:center;gap:.55rem;max-width:40rem;margin-inline:auto;display:grid}.section-kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:800}.section-title{letter-spacing:-.01em;color:var(--text);font-size:clamp(1.5rem,4vw,2.1rem)}.section-sub{color:var(--text-soft);font-size:.98rem}.share-type-tag{letter-spacing:.12em;color:var(--accent);background:#e0f2fe;border-radius:999px;padding:.25rem .6rem;font-size:.7rem;font-weight:800;display:inline-block}.footer{border-top:1px solid var(--border);background:var(--surface);padding-block:1.5rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-brand{color:var(--text);cursor:pointer;font-weight:800;text-decoration:none}.footer-brand:hover .logo-accent{color:var(--accent-strong)}.footer-contact{color:var(--accent);background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.5rem;padding:.6rem 1.15rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s,transform .2s;display:inline-flex;box-shadow:0 10px 22px -18px #0284c773}.footer-contact .icon{flex-shrink:0}.footer-contact:hover{color:var(--accent-strong);border-color:var(--accent);transform:translateY(-2px)}.nav{align-items:center;gap:1.5rem;display:flex}.nav-link{color:var(--text-soft);font-size:.93rem;font-weight:600;text-decoration:none;transition:color .15s}.nav-link:hover{color:var(--accent)}.nav-dash{text-decoration:none}.nav-burger{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;width:2.6rem;height:2.6rem;padding:.6rem;display:none}.nav-burger span{background:var(--text);border-radius:2px;width:100%;height:2px;transition:transform .2s,opacity .2s;display:block}.nav-burger[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.nav-burger[aria-expanded=true] span:nth-child(2){opacity:0}.nav-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=720px){.nav{background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:.25rem;padding:.9rem 1.25rem 1.25rem;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 24px 48px -28px #0284c759}.nav.is-open{display:flex}.nav-link{border-bottom:1px solid var(--border);padding:.6rem .25rem;font-size:1rem}.nav .nav-cta,.nav-dash{text-align:center;margin-top:.6rem}.nav-burger{display:flex}}.footer-brand-wrap{flex-direction:column;gap:.35rem;display:flex}.footer-brand{align-items:center;gap:.5rem;display:inline-flex}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(18px)}.reveal.is-visible{opacity:1;transform:none}.upload-widget{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #bae6fde6;border-radius:22px;gap:1rem;width:min(100%,24rem);padding:1.4rem;transition:border-color .2s,box-shadow .2s;display:grid;box-shadow:0 28px 60px -26px #0284c773}.upload-widget.is-dragover{border-color:var(--accent);box-shadow:0 0 0 4px #0284c724,0 28px 60px -26px #0284c773}.upload-widget-drop{background:var(--bg);border:2px dashed var(--border);cursor:pointer;text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:.4rem;padding:1.9rem 1.25rem;transition:border-color .2s,background .2s;display:flex}.upload-widget-drop:hover{border-color:var(--accent);background:#f8fdff}.upload-widget-icon{width:3.1rem;height:3.1rem;color:var(--accent);background:linear-gradient(135deg,#e0f2fe,#cffafe);border-radius:16px;place-items:center;margin-bottom:.5rem;display:inline-grid}.upload-widget-title{color:var(--text);font-weight:700}.upload-widget-meta{letter-spacing:.08em;color:var(--text-soft);font-size:.8rem;font-weight:700}.upload-widget-btn{pointer-events:none;margin-top:.5rem}.upload-flow{flex-direction:column;gap:.45rem;display:flex}.flow-node{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:.5rem;padding:.6rem .85rem;font-size:.85rem;font-weight:600;display:flex;box-shadow:0 10px 20px -18px #0284c780}.flow-node .icon{flex-shrink:0}.flow-brand{color:var(--text);align-items:center;gap:.5rem;padding:.25rem .4rem;font-size:.85rem;font-weight:800;display:flex}.flow-brand img{border-radius:6px}.flow-link{color:var(--accent-strong);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.flow-arrow{color:var(--accent);justify-content:center;display:flex}.flow-arrow .icon{transform:rotate(90deg)}.upload-flow .flow-node,.upload-flow .flow-brand{opacity:0;transform:translate(-6px)}.upload-flow.is-active{animation:.45s both flow-pop}.upload-flow.is-active .flow-node,.upload-flow.is-active .flow-brand{animation:.4s forwards flow-slide}.upload-flow.is-active .flow-node:first-child{animation-delay:50ms}.upload-flow.is-active .flow-arrow:nth-child(2){animation-delay:.15s}.upload-flow.is-active .flow-brand:nth-child(3){animation-delay:.25s}.upload-flow.is-active .flow-arrow:nth-child(4){animation-delay:.35s}.upload-flow.is-active .flow-node:nth-child(5){animation-delay:.45s}@keyframes flow-pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes flow-slide{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}.upload-widget-hint{color:var(--text-soft);text-align:center;font-size:.78rem}.share-section{border-block:1px solid var(--border);background:var(--surface)}.share-grid{gap:1.25rem;margin-top:2.5rem;display:grid}@media (width>=720px){.share-grid{grid-template-columns:repeat(3,1fr)}}.share-card{background:var(--bg);border:1px solid var(--border);border-radius:20px;justify-items:start;gap:.7rem;padding:1.75rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid}.share-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 24px 48px -32px #0284c780}.share-card-icon{width:3rem;height:3rem;color:var(--accent);background:linear-gradient(135deg,#e0f2fe,#cffafe);border-radius:16px;place-items:center;margin-bottom:.4rem;display:inline-grid}.share-card-title{color:var(--text);font-size:1.15rem}.share-card-desc{color:var(--text-soft);font-size:.93rem}.share-card-link{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:.3rem;margin-top:.5rem;padding:0;font-size:.9rem;font-weight:700;display:inline-flex}.share-card-link:hover{color:var(--accent-strong);text-decoration:underline}.how-section{background:var(--surface);border-top:1px solid var(--border)}.how-flow{gap:1.25rem;margin-top:2.5rem;list-style:none;display:grid;position:relative}@media (width>=820px){.how-flow{grid-template-columns:repeat(4,1fr);gap:1rem}}.how-step{background:var(--bg);border:1px solid var(--border);text-align:center;border-radius:18px;align-content:start;gap:.55rem;padding:1.5rem;display:grid;position:relative}.how-num{letter-spacing:.12em;color:var(--accent);font-size:.85rem;font-weight:800}.how-title{color:var(--text);font-size:1.05rem}.how-desc{color:var(--text-soft);font-size:.88rem}.how-line{background:linear-gradient(90deg, var(--accent), transparent);opacity:.5;width:1.1rem;height:2px;position:absolute;top:50%;right:-1.1rem}@media (width<=819px){.how-line{display:none}}.preview-section{background:var(--bg);border-top:1px solid var(--border)}.mock{border:1px solid var(--border);background:var(--surface);border-radius:22px;margin-top:2.5rem;display:grid;overflow:hidden;box-shadow:0 30px 70px -34px #0284c773}.mock-sidebar{border-right:1px solid var(--border);background:#f0f8ff;flex-direction:column;gap:1.5rem;padding:1.4rem 1.1rem;display:flex}.mock-logo{color:var(--text);align-items:center;gap:.5rem;font-size:.95rem;font-weight:800;display:flex}.mock-logo img{border-radius:6px}.mock-sidebar ul{gap:.35rem;list-style:none;display:grid}.mock-sidebar li{color:var(--text-soft);border-radius:10px;padding:.5rem .8rem;font-size:.9rem;font-weight:600}.mock-sidebar li.is-active{color:var(--accent-strong);background:#e0f2fe}.mock-upgrade{color:var(--accent-strong);border:1px solid var(--border);text-align:center;background:#e0f2fe;border-radius:12px;margin-top:auto;padding:.6rem .9rem;font-size:.8rem;font-weight:700}.mock-main{min-width:0;padding:1.25rem}.mock-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem;margin-bottom:1rem;display:flex}.mock-title{align-items:baseline;gap:.6rem;display:flex}.mock-title h3{color:var(--text);font-size:1.05rem}.mock-count{color:var(--text-soft);font-size:.8rem;font-weight:700}.mock-actions{align-items:center;gap:.55rem;display:flex}.mock-input-hint,.mock-filter{color:var(--text-soft);background:var(--bg);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.82rem;font-weight:600;display:inline-flex}.mock-new{pointer-events:none}.mock-table{border-collapse:collapse;width:100%;font-size:.82rem}.mock-table th{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft);border-bottom:1px solid var(--border);white-space:nowrap;padding:.55rem .7rem;font-size:.68rem;font-weight:800}.mock-table td{border-bottom:1px solid var(--border);color:var(--text);white-space:nowrap;padding:.7rem}.mock-table tr:last-child td{border-bottom:0}.mock-file{align-items:center;gap:.6rem;display:flex}.mock-file-icon{border-radius:10px;flex-shrink:0;place-items:center;width:2.1rem;height:2.1rem;display:inline-grid}.mock-file-icon.is-pdf{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#ffedd5)}.mock-file-icon.is-web{color:var(--accent);background:linear-gradient(135deg,#e0f2fe,#cffafe)}.mock-name{color:var(--text);font-weight:700}.mock-slug{color:var(--accent-strong);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem}.mock-views{font-variant-numeric:tabular-nums;font-weight:700}.mock-date{color:var(--text-soft)}.mock-copy{color:var(--accent);background:var(--bg);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.76rem;font-weight:700;display:inline-flex}@media (width>=760px){.mock{grid-template-columns:14rem 1fr}}@media (width<=640px){.mock-table thead{display:none}.mock-table td{white-space:normal;padding:.55rem .5rem}.mock-input-hint,.mock-filter{padding:.4rem .7rem;font-size:.76rem}}.use-section{background:var(--surface);border-top:1px solid var(--border)}.use-grid{gap:1.25rem;margin-top:2.5rem;display:grid}@media (width>=720px){.use-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.use-grid{grid-template-columns:repeat(5,1fr)}}.use-card{background:var(--bg);border:1px solid var(--border);border-radius:20px;justify-items:start;gap:.7rem;padding:1.6rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid}.use-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 24px 48px -32px #0284c780}.use-card-visual{background:linear-gradient(160deg,#e0f2fe,#cffafe);border-radius:14px;flex-direction:column;align-items:flex-start;gap:.4rem;width:100%;min-height:6rem;margin-bottom:.5rem;padding:1rem;display:flex;position:relative;overflow:hidden}.use-icon{background:var(--surface);width:2.4rem;height:2.4rem;color:var(--accent);border-radius:12px;place-items:center;display:inline-grid;box-shadow:0 8px 18px -12px #0284c799}.use-bar{background:#ffffffe6;border-radius:999px;width:70%;height:.45rem}.use-bar.short{width:40%}.use-chip{color:var(--accent-strong);background:#ffffffe6;border-radius:999px;padding:.25rem .6rem;font-size:.68rem;font-weight:800;position:absolute;top:.7rem;right:.7rem}.use-role{color:var(--text);font-size:1rem}.use-text{color:var(--text-soft);font-size:.88rem}.channel-section{background:var(--bg);border-top:1px solid var(--border);position:relative;overflow:hidden}.channel-section:before{content:"";pointer-events:none;background:radial-gradient(30rem 18rem at 80% 20%,#38bdf829,#0000 60%);position:absolute;inset:0}.channel-layout{align-items:center;gap:2.5rem;display:grid;position:relative}@media (width>=860px){.channel-layout{grid-template-columns:1fr 1fr;gap:3rem}}.channel-copy{justify-items:start;gap:1rem;display:grid}.channel-web{place-items:center;min-height:18rem;display:grid;position:relative}.channel-core{color:var(--text);background:var(--surface);border:1px solid var(--border);z-index:1;border-radius:16px;align-items:center;gap:.6rem;padding:.9rem 1.3rem;font-size:.95rem;font-weight:800;display:inline-flex;box-shadow:0 18px 40px -24px #0284c780}.channel-core img{border-radius:6px}.channel-chip{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.82rem;font-weight:700;animation:5s ease-in-out infinite chip-float;display:inline-flex;position:absolute;box-shadow:0 12px 26px -18px #0284c780}.channel-chip .icon{color:var(--accent);flex-shrink:0}.chip-1{animation-delay:0s;top:.5rem;left:1.5rem}.chip-2{animation-delay:.6s;top:4.5rem;right:.5rem}.chip-3{animation-delay:1.2s;bottom:4.5rem;left:.5rem}.chip-4{animation-delay:1.8s;bottom:.5rem;right:2.5rem}.chip-5{animation-delay:2.4s;top:50%;left:-.5rem;transform:translateY(-50%)}@keyframes chip-float{0%,to{margin-top:0}50%{margin-top:-.5rem}}@media (width<=480px){.chip-1{left:.5rem}.chip-2{right:0}.chip-4{right:.5rem}}.benefits-section{background:var(--surface);border-top:1px solid var(--border)}.benefits-grid{gap:1.25rem;display:grid}@media (width>=720px){.benefits-grid{grid-template-columns:repeat(3,1fr)}}.benefit-card{text-align:center;flex-direction:column;align-items:center;gap:.6rem;padding:1.5rem;display:flex}.benefit-icon{width:3rem;height:3rem;color:var(--accent);background:linear-gradient(135deg,#e0f2fe,#cffafe);border-radius:16px;place-items:center;margin-bottom:.3rem;display:inline-grid}.benefit-title{color:var(--text);font-size:1.05rem}.benefit-text{color:var(--text-soft);max-width:22rem;font-size:.9rem}.pricing-section{background:var(--bg);border-top:1px solid var(--border)}.pricing-grid{justify-items:center;margin-top:2.5rem;display:grid}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;justify-items:start;gap:.9rem;width:min(100%,26rem);padding:2rem 1.75rem;transition:transform .2s,border-color .2s;display:grid;box-shadow:0 24px 52px -30px #0284c773}.pricing-card:hover{border-color:var(--accent);transform:translateY(-3px)}.pricing-name{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:1rem}.pricing-price{color:var(--text);font-size:2.2rem;font-weight:800}.pricing-price span{color:var(--text-soft);font-size:.9rem;font-weight:600}.pricing-list{gap:.5rem;margin-bottom:.75rem;list-style:none;display:grid}.pricing-list li{color:var(--text);align-items:center;gap:.45rem;font-size:.93rem;display:flex}.pricing-card .btn{width:100%}.example-preview{color:var(--accent);background:#e0f2fe;border-radius:999px;align-items:center;gap:.35rem;margin-top:.75rem;padding:.35rem .75rem;font-size:.8rem;font-weight:700;transition:background .2s,color .2s;display:inline-flex}.example:hover .example-preview{background:var(--accent);color:var(--surface)}.qr-modal{z-index:50;background:#082f4980;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.qr-modal-card{background:var(--surface);border-radius:var(--radius);text-align:center;width:100%;max-width:22rem;padding:1.75rem;position:relative;box-shadow:0 16px 48px #082f494d}.qr-close{color:var(--text-soft);cursor:pointer;background:0 0;border:none;font-size:1.1rem;position:absolute;top:.6rem;right:.75rem}.qr-close:hover{color:var(--text)}.qr-title{color:var(--text);margin-bottom:1rem;font-size:1.05rem}.qr-img{width:240px;max-width:100%;height:240px;image-rendering:pixelated;border:1px solid var(--border);border-radius:.75rem}.qr-loading{color:var(--text-soft);padding:4rem 0}.qr-link{color:var(--text-soft);word-break:break-all;margin:1rem auto .75rem;font-size:.85rem;display:block}