html{--background:#fff;--foreground:#16161d;--card:#fff;--card-foreground:#16161d;--popover:#fff;--popover-foreground:#16161d;--primary:#00cae0;--primary-foreground:#062a2f;--secondary:#f5f8fc;--secondary-foreground:#16161d;--muted:#f5f8fc;--muted-foreground:#5b6472;--accent:#e8fafd;--accent-foreground:#0d4a52;--destructive:#e5484d;--destructive-foreground:#fff;--border:#e6ebf2;--input:#dfe6ef;--ring:#00cae0;--radius:1rem;--font-sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;scroll-behavior:smooth}body{color:#16161d;background:#fff}.cc-shell{--cc-ink:#16161d;--cc-ink-soft:#3d4552;--cc-dim:#5b6472;--cc-canvas:#fff;--cc-canvas-alt:#f5f8fc;--cc-line:#e6ebf2;--cc-accent:#00cae0;--cc-accent-dark:#00a7b8;--cc-accent-soft:#e8fafd;--cc-warm:#fff9f3;--cc-mint:#f1fff9;background:var(--cc-canvas);color:var(--cc-ink);overflow-x:hidden}.cc-shell header a,.cc-shell header button{color:var(--cc-ink)}.cc-shell header a:hover,.cc-shell header button:hover{color:var(--cc-accent-dark)}.cc-shell footer{background:var(--cc-canvas-alt);color:var(--cc-ink-soft);border-top:1px solid var(--cc-line)}.cc-shell [role=dialog]{border-color:var(--cc-line)}.cc-shell [role=dialog] button[type=submit],.cc-shell [role=dialog] a[data-variant=default]{background:var(--cc-ink);color:#fff}.cc-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}.cc-home{flex-direction:column;display:flex}.cc-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}.cc-section{background:var(--cc-canvas);padding:84px 0}.cc-section-alt{background:var(--cc-canvas-alt)}.cc-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--cc-accent-dark);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.cc-h2{color:var(--cc-ink);margin:12px 0 0;font-size:clamp(26px,3.2vw,40px);font-weight:800;line-height:1.18}.cc-lead{max-width:780px;color:var(--cc-dim);margin:14px 0 0;font-size:17px;line-height:1.7}.cc-heading{max-width:900px;margin-bottom:40px}.cc-button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 22px;font-size:15px;font-weight:700;transition:transform .18s,background-color .18s,border-color .18s,color .18s;display:inline-flex}.cc-button:disabled{opacity:.6;cursor:progress}.cc-button-primary{background:var(--cc-ink);color:#fff}.cc-button-primary:hover{background:#000;transform:translateY(-1px)}.cc-button-ghost{border-color:var(--cc-line);color:var(--cc-ink);background:#fff}.cc-button-ghost:hover{border-color:var(--cc-accent);color:var(--cc-accent-dark)}.cc-breadcrumb{color:var(--cc-dim);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.cc-breadcrumb a{color:var(--cc-dim);text-decoration:none}.cc-breadcrumb a:hover{color:var(--cc-accent-dark)}.cc-breadcrumb em{color:var(--cc-ink);font-style:normal;font-weight:600}.cc-hero{background:radial-gradient(900px 420px at 12% -10%,var(--cc-accent-soft),transparent 70%),radial-gradient(700px 380px at 88% 0%,var(--cc-warm),transparent 65%),var(--cc-canvas);padding:64px 0 72px}.cc-hero-copy{max-width:820px}.cc-hero-copy h1{letter-spacing:-.02em;color:var(--cc-ink);margin:16px 0 0;font-size:clamp(34px,5vw,62px);font-weight:900;line-height:1.06}.cc-hero-points{color:var(--cc-ink-soft);flex-wrap:wrap;gap:10px 22px;margin:22px 0 0;padding:0;font-size:14px;font-weight:600;list-style:none;display:flex}.cc-hero-points li{align-items:center;gap:6px;display:inline-flex}.cc-generator{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:22px;margin-top:40px;scroll-margin-top:90px;display:grid}.cc-generator-panel,.cc-generator-side{border:1px solid var(--cc-line);background:#fff;border-radius:20px;padding:22px;box-shadow:0 18px 40px #16161d0f}.cc-generator-tabs{background:var(--cc-canvas-alt);border-radius:999px;gap:6px;padding:4px;display:inline-flex}.cc-generator-tab{color:var(--cc-dim);border-radius:999px;padding:6px 16px;font-size:13px;font-weight:600}.cc-generator-tab.is-active{color:var(--cc-ink);background:#fff;box-shadow:0 1px 4px #16161d1f}.cc-generator-prompt{margin-top:16px;display:block}.cc-generator-prompt textarea{resize:vertical;border:1px solid var(--cc-line);width:100%;min-height:104px;color:var(--cc-ink);background:var(--cc-canvas-alt);border-radius:14px;padding:14px 16px;font-size:15px;line-height:1.6}.cc-generator-prompt textarea:focus{outline:2px solid var(--cc-accent);outline-offset:1px;background:#fff}.cc-upload{border:1px dashed var(--cc-line);color:var(--cc-ink-soft);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:8px;max-width:100%;margin-top:12px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex;overflow:hidden}.cc-upload:hover{border-color:var(--cc-accent);color:var(--cc-accent-dark)}.cc-generator-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.cc-generator-controls label{letter-spacing:.06em;text-transform:uppercase;color:var(--cc-dim);flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.cc-generator-controls select{border:1px solid var(--cc-line);height:42px;color:var(--cc-ink);background:#fff;border-radius:10px;padding:0 12px;font-size:14px}.cc-generator-samples{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.cc-generator-samples button{border:1px solid var(--cc-line);background:var(--cc-canvas-alt);color:var(--cc-ink-soft);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:inline-flex}.cc-generator-samples button:hover{border-color:var(--cc-accent);color:var(--cc-accent-dark);background:#fff}.cc-generate{width:100%;min-height:52px;margin-top:18px;font-size:16px}.cc-generator-hint p{color:var(--cc-dim);margin:10px 0 0;font-size:14px;line-height:1.7}.cc-spin{animation:.9s linear infinite cc-spin}@keyframes cc-spin{to{transform:rotate(360deg)}}.cc-queue-card{background:var(--cc-canvas-alt);border-radius:16px;padding:20px;position:relative}.cc-queue-card h3{margin:8px 0 0;font-size:20px;font-weight:800}.cc-queue-card p{color:var(--cc-dim);margin:10px 0 0;font-size:14px;line-height:1.7}.cc-queue-close{border:1px solid var(--cc-line);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;position:absolute;top:12px;right:12px}.cc-queue-position{align-items:baseline;gap:8px;margin-top:16px;display:flex}.cc-queue-position strong{color:var(--cc-ink);font-size:30px;font-weight:900}.cc-queue-position span{color:var(--cc-dim);font-size:13px}.cc-queue-bar{background:#e2e9f2;border-radius:999px;height:8px;margin-top:12px;overflow:hidden}.cc-queue-bar i{background:linear-gradient(90deg,var(--cc-accent),#7de3ef);border-radius:999px;height:100%;transition:width .4s linear;display:block}.cc-queue-steps{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.cc-queue-steps li{color:var(--cc-dim);padding-left:24px;font-size:14px;position:relative}.cc-queue-steps li:before{content:"";border:2px solid #cfd9e4;border-radius:50%;width:14px;height:14px;position:absolute;top:5px;left:0}.cc-queue-steps li[data-done=true]{color:var(--cc-ink);font-weight:600}.cc-queue-steps li[data-done=true]:before{border-color:var(--cc-accent);background:var(--cc-accent)}.cc-queue-note{font-size:13px}.cc-transform-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;display:grid}.cc-transform-grid img{border:1px solid var(--cc-line);aspect-ratio:16/10;object-fit:cover;border-radius:20px;width:100%}.cc-transform-grid .cc-button{margin-top:24px}.cc-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.cc-feature-card{border:1px solid var(--cc-line);background:#fff;border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.cc-feature-card img{aspect-ratio:16/9;object-fit:cover;background:var(--cc-canvas-alt);width:100%}.cc-feature-card>div{padding:22px}.cc-feature-card h3{color:var(--cc-ink);margin:0;font-size:19px;font-weight:800}.cc-feature-card p{color:var(--cc-dim);margin:10px 0 0;font-size:15px;line-height:1.7}.cc-feature-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.cc-feature-actions a{text-decoration:none}.cc-steps{counter-reset:cc-step;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:32px 0 64px;padding:0;list-style:none;display:grid}.cc-steps-four{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:0}.cc-steps li{border:1px solid var(--cc-line);background:#fff;border-radius:18px;flex-direction:column;gap:10px;padding:18px;display:flex}.cc-steps img{aspect-ratio:16/10;object-fit:cover;background:var(--cc-canvas-alt);border-radius:12px;width:100%}.cc-step-index{letter-spacing:.12em;text-transform:uppercase;color:var(--cc-accent-dark);font-size:12px;font-weight:800}.cc-steps h3{color:var(--cc-ink);margin:0;font-size:16px;font-weight:700;line-height:1.45}.cc-steps p{color:var(--cc-dim);margin:0;font-size:14px;line-height:1.7}.cc-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.cc-video-card{border:1px solid var(--cc-line);background:#fff;border-radius:18px;overflow:hidden}.cc-video-card img{aspect-ratio:16/9;object-fit:cover;width:100%}.cc-video-card>div{gap:10px;padding:16px;display:flex}.cc-video-card h3{color:var(--cc-ink);margin:0;font-size:15px;font-weight:700;line-height:1.5}.cc-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.cc-benefit-grid article{border-top:3px solid var(--cc-accent);border-left:1px solid var(--cc-line);border-right:1px solid var(--cc-line);border-bottom:1px solid var(--cc-line);background:#fff;border-radius:16px;padding:22px}.cc-benefit-grid img{aspect-ratio:16/9;object-fit:cover;border-radius:12px;width:100%;margin-bottom:16px}.cc-benefit-grid h3{color:var(--cc-ink);margin:0;font-size:18px;font-weight:800}.cc-benefit-grid p{color:var(--cc-dim);margin:10px 0 0;font-size:15px;line-height:1.7}.cc-use-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.cc-use-grid article{border:1px solid var(--cc-line);background:#fff;border-radius:18px;padding:18px}.cc-use-grid img{aspect-ratio:16/9;object-fit:cover;background:var(--cc-mint);border-radius:12px;width:100%}.cc-use-grid h3{color:var(--cc-ink);margin:16px 0 0;font-size:17px;font-weight:800}.cc-use-grid p{color:var(--cc-dim);margin:8px 0 0;font-size:14px;line-height:1.7}.cc-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.cc-tool-card{border:1px solid var(--cc-line);color:var(--cc-ink-soft);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.cc-tool-card:hover{border-color:var(--cc-accent);color:var(--cc-accent-dark)}.cc-faq{gap:10px;display:grid}.cc-faq details{border:1px solid var(--cc-line);background:#fff;border-radius:14px;padding:18px 20px}.cc-faq summary{cursor:pointer;color:var(--cc-ink);justify-content:space-between;align-items:center;gap:16px;font-size:16px;font-weight:700;list-style:none;display:flex}.cc-faq summary::-webkit-details-marker{display:none}.cc-faq summary span{color:var(--cc-accent-dark);font-size:20px;line-height:1}.cc-faq details[open] summary span{transform:rotate(45deg)}.cc-faq p{color:var(--cc-dim);margin:12px 0 0;font-size:15px;line-height:1.75}.cc-closing{background:var(--cc-ink);color:#fff;text-align:center;padding:88px 0}.cc-closing h2{margin:16px 0 0;font-size:clamp(26px,3.4vw,42px);font-weight:900}.cc-closing p{color:#ffffffc7;max-width:640px;margin:14px auto 0;font-size:17px;line-height:1.7}.cc-closing .cc-button{background:var(--cc-accent);color:#062a2f;margin-top:26px}.cc-closing .cc-button:hover{background:#58dcec}.cc-closing-links{justify-content:center;gap:22px;margin-top:20px;font-size:14px;display:flex}.cc-closing-links a{color:#ffffffb8;text-decoration:none}.cc-closing-links a:hover{color:#fff}.cc-legal{padding:64px 0 88px}.cc-legal article{max-width:820px;margin:0 auto}.cc-legal h1{color:var(--cc-ink);font-size:clamp(28px,3.6vw,44px);font-weight:900}.cc-legal h2{color:var(--cc-ink);margin:36px 0 0;font-size:22px;font-weight:800}.cc-legal p{color:var(--cc-ink-soft);margin:12px 0 0;font-size:16px;line-height:1.8}@media (max-width:1024px){.cc-generator{grid-template-columns:minmax(0,1fr)}.cc-steps-four,.cc-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.cc-section{padding:60px 0}.cc-transform-grid,.cc-feature-grid,.cc-steps,.cc-steps-four,.cc-video-grid,.cc-benefit-grid,.cc-use-grid,.cc-tool-grid,.cc-generator-controls{grid-template-columns:minmax(0,1fr)}}
