*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Inter,system-ui,sans-serif;color:#18181b;background:white;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}.wrap{width:min(1180px,calc(100% - 112px));margin:auto}.nav{height:76px;display:flex;align-items:center;padding:0 48px;gap:65px;background:#ffffffed;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px);border-bottom:1px solid #a1a1aa}.brand{font:700 25px Arial;letter-spacing:-.6px;display:flex;gap:9px;align-items:center}.brand span{background:#18181b;color:#a1a1aa;border-radius:10px;width:34px;height:34px;display:grid;place-items:center;font-size:27px}.nav nav{display:flex;gap:32px;font-size:14px;color:#71717a}.nav>.button{margin-left:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#18181b;color:white;padding:16px 29px;border-radius:7px;font-size:14px;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:#18181b;transform:translateY(-2px)}.button.small{padding:11px 21px;font-size:13px}.eyebrow{display:block;font:10px Arial;letter-spacing:2.5px;color:#a1a1aa}.intro{text-align:center;padding:68px 24px 53px;background:radial-gradient(ellipse at 50% 0,#f4f4f5,transparent 75%),#f4f4f5}.intro h1{font-size:24px;letter-spacing:-.6px;line-height:1.25;font-weight:700;margin:20px 0}.intro p{font-size:17px;color:#71717a;line-height:1.8;margin:0 0 28px}.intro p span{color:#18181b}.intro-tags{display:flex;justify-content:center;align-items:center;gap:18px;color:#a1a1aa;font-size:12px;margin-top:26px}.intro-tags i{height:3px;width:3px;border-radius:50%;background:#a1a1aa}.feature-row{display:grid;grid-template-columns: .85fr 1.15fr;gap:85px;align-items:center;padding:78px 0}.copy h2{font-size:24px;font-weight:700;letter-spacing:-.6px;line-height:1.45;margin:18px 0 24px}.copy p{font-size:15px;line-height:2;color:#a1a1aa;margin:0 0 26px}.text-links{display:flex;gap:22px;font-size:12px;color:#71717a;margin:0 0 28px}.visual{margin:0;border-radius:13px;overflow:hidden;background:#f4f4f5}.hero-visual img{height:390px;width:100%;object-fit:cover}.visual figcaption{padding:13px 18px;background:#f4f4f5;display:flex;justify-content:space-between;font-size:12px;color:#a1a1aa}.center-title{text-align:center;margin-bottom:43px}.center-title h2{font-size:24px;letter-spacing:-.6px;font-weight:700;line-height:1.5;margin:15px 0 10px}.center-title p{font-size:14px;color:#a1a1aa;margin:0;line-height:1.9}.process{padding:45px 0 90px;text-align:center}.process-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:85px;align-items:center;text-align:left;margin-bottom:35px}.workflow-visual{background:#f4f4f5;border:1px solid #a1a1aa;border-radius:14px;box-shadow:0 20px 50px #18181b18;overflow:hidden}.window-head{padding:17px 20px;background:white;display:flex;gap:20px;font-size:12px;color:#a1a1aa;border-bottom:1px solid #a1a1aa}.dots{letter-spacing:3px;color:#a1a1aa}.workflow-body{display:flex;align-items:center;gap:16px;padding:30px 25px}.input-tile{width:38%;position:relative;background:#fff;border-radius:8px;overflow:hidden}.input-tile img{height:220px;width:100%;object-fit:cover;object-position:70%}.input-tile span{display:block;text-align:center;font-size:12px;padding:10px;color:#a1a1aa}.flow-arrow{font-size:24px;color:#a1a1aa}.plan{flex:1;background:white;padding:20px 18px;border-radius:8px}.plan>small{font-size:12px;color:#a1a1aa}.plan>div{font-size:12px;border-bottom:1px solid #a1a1aa;padding:16px 0;color:#a1a1aa}.plan b{font:10px Arial;color:#a1a1aa;margin-right:8px}.plan div span{display:block;margin:5px 0 0 22px;color:#a1a1aa;font-size:12px}.plan p{font-size:12px;color:#a1a1aa;margin-top:17px}.window-foot{padding:14px;color:#a1a1aa;text-align:center;font-size:12px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:23px;position:relative;padding:25px 0}.steps li:not(:last-child):after{content:'';position:absolute;left:16px;top:60px;height:calc(100% - 33px);width:1px;background:#a1a1aa}.steps li>span{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#a1a1aa;color:#a1a1aa;font:11px Arial}.steps h3{font-size:17px;font-weight:500;margin:5px 0 9px}.steps p{font-size:13px;line-height:1.9;color:#a1a1aa;margin:0}.feature-band{background:#a1a1aa}.reverse{grid-template-columns:1.15fr .85fr}.reverse .copy{grid-column:2;grid-row:1}.poster-gallery{grid-column:1;grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:18px}.poster-gallery figure{margin:0;border-radius:11px;overflow:hidden;background:white;border:1px solid #a1a1aa;box-shadow:0 14px 30px #18181b18}.poster-gallery figure:nth-child(2){transform:translateY(25px)}.poster-gallery img{width:100%;height:320px;object-fit:cover;object-position:top}.poster-gallery figure>span{display:block;padding:14px;font-size:12px;color:#a1a1aa}.poster-gallery>small{grid-column:1/3;text-align:center;font-size:12px;color:#a1a1aa;margin-top:25px}.checks{list-style:none;padding:0;margin:0 0 27px;font-size:12px;color:#a1a1aa;line-height:2.6}.checks li:before{content:'✓';margin-right:11px;color:#a1a1aa}.audience{padding:83px 0}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.audience-grid article{padding:25px 27px;border:1px solid #a1a1aa;border-radius:12px}.icon{font-size:26px;color:#a1a1aa}.audience h3{font-size:17px;font-weight:500;margin:18px 0 13px}.audience article p{font-size:13px;line-height:1.95;color:#a1a1aa;margin:0}.case-section{background:#f4f4f5;padding:78px 0}.category-tabs{display:flex;justify-content:center;gap:9px;margin:0 0 32px}.category-tabs button{background:white;border:1px solid #a1a1aa;border-radius:20px;padding:8px 16px;font-size:12px;color:#a1a1aa}.category-tabs .selected{background:#a1a1aa;color:white;border-color:#a1a1aa}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.case-card{background:white;border-radius:13px;overflow:hidden;border:1px solid #a1a1aa;transition:transform .2s}.case-card:hover{transform:translateY(-4px)}.case-cover{display:block;border:0;padding:0;width:100%;aspect-ratio:4/4.1;position:relative;overflow:hidden;background:#f4f4f5}.case-cover img{height:100%;width:100%;object-fit:cover;object-position:top}.case-cover>span{position:absolute;bottom:12px;right:12px;font-size:12px;color:white;background:#18181b18;border-radius:15px;padding:5px 9px}.case-info{padding:18px 20px}.case-info small{font-size:12px;color:#a1a1aa}.case-info h3{font-size:16px;margin:8px 0 13px;font-weight:500}.case-info button{border:0;background:none;color:#71717a;font-size:12px;padding:0}.case-placeholder{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(135deg,#f4f4f5,#f4f4f5);padding:20px}.case-placeholder small{font-size:12px;color:#a1a1aa}.case-placeholder b{font-size:21px;font-weight:400;margin:18px 0;color:#71717a}.disclosure{font-size:12px;color:#a1a1aa;line-height:1.9;margin-top:26px}.faq{padding:80px 0}.questions{max-width:920px;margin:auto}.questions details{border-bottom:1px solid #a1a1aa;padding:21px 0}.questions summary{list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:500;cursor:pointer}.questions summary:after{content:'+';color:#a1a1aa;font-size:23px;font-weight:300}.questions details[open] summary:after{content:'−'}.questions p{font-size:13px;line-height:2;color:#a1a1aa;margin:15px 28px 0 0}.related{padding:0 0 75px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.related-grid a{border-top:1px solid #a1a1aa;padding:22px 0}.related-grid a>span{font:10px Arial;color:#a1a1aa}.related-grid h3{font-size:17px;font-weight:500;margin:14px 0 10px}.related-grid p{color:#a1a1aa;font-size:12px}.closing{text-align:center;padding:62px 20px 65px;background:#f4f4f5}.closing h2{font-size:24px;font-weight:700;letter-spacing:-.6px;margin:16px 0}.closing p{font-size:14px;color:#a1a1aa;margin:0 0 27px}footer{display:flex;align-items:center;gap:30px;padding:30px 0 45px}footer span{font-size:12px;color:#a1a1aa}footer>a:last-child{margin-left:auto;font-size:12px;color:#a1a1aa}.preview-note{position:fixed;bottom:10px;left:12px;padding:7px 10px;font-size:12px;color:#a1a1aa;background:#18181b18;border:1px solid #a1a1aa;border-radius:6px;z-index:30}dialog{border:0;border-radius:15px;padding:0;width:min(900px,80vw);color:#18181b}dialog::backdrop{background:#18181b18;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:13px;top:13px;background:#f4f4f5;border:0;border-radius:50%;width:32px;height:32px;font-size:22px;color:#a1a1aa}.dialog-layout{display:grid;grid-template-columns:1fr 1fr}.dialog-layout>img{width:100%;max-height:75vh;object-fit:contain;background:#f4f4f5}.dialog-copy{padding:45px 30px}.dialog-copy h3{font-size:23px}.dialog-copy p{font-size:13px;color:#a1a1aa;line-height:1.9}.dialog-placeholder{min-height:400px}.primary{background:#18181b}.dialog-copy .button{margin-top:15px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a1a1aa;outline-offset:4px}@media(min-width:1700px){.intro{padding:79px 24px 64px}.intro h1{font-size:24px}.feature-row{padding:85px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Picset source tokens: index-0mt8hc7q.css. Layout independently follows the supplied Chuangkit reference. */
:root{--background:240 5% 96%;--foreground:240 6% 10%;--primary:240 6% 10%;--primary-foreground:0 0% 100%;--muted-foreground:240 4% 46%;--border:240 6% 90%;--radius:1rem}
body{color:hsl(var(--foreground));font-size:14px;line-height:1.6}.intro h1{font-size:36px;font-weight:800;line-height:40px;letter-spacing:-.9px}.copy h2,.center-title h2,.closing h2{font-size:24px;line-height:32px;font-weight:700}.intro p{font-size:16px;line-height:24px}.copy p,.center-title p,.questions p,.related-grid p,.dialog-copy p{font-size:14px;line-height:1.8;color:hsl(var(--muted-foreground))}.intro{background:#f4f4f5}.feature-band,.closing,.workflow-visual{background:#f4f4f5}.button,.primary,.brand span,.case-tabs button.active{background:#18181b;color:#fff}.button:hover{background:#303033}.button{border-radius:12px;font-weight:500}.brand span{border-radius:12px}.nav nav,.eyebrow,.intro-tags,.text-links,.case-info small,.case-info button,.questions p,.related-grid p{color:#71717a}.visual,.case-card,.workflow-visual,dialog{border-radius:16px}.visual figcaption{color:#71717a;background:#fafafa}.window-head,.questions details,.related-grid a,.case-card,.workflow-visual{border-color:#e4e4e7}.workflow-arrow{color:#71717a}.preview-note{color:#71717a;border-color:#e4e4e7}.case-placeholder{background:#f4f4f5}.closing{border-top:1px solid #e4e4e7}.intro-tags i{background:#a1a1aa}
.eyebrow,.brand,.related-grid a>span{font-family:Inter,system-ui,sans-serif}.nav{border-bottom-color:#e4e4e7}.step-number,.step>span{background:#f4f4f5;color:#71717a}

.animated-workflow img{width:100%;height:auto;display:block}.animated-workflow{box-shadow:none}
.steps li>span{background:#f4f4f5;color:#71717a;border:1px solid #e4e4e7}
@font-face{font-family:PicsetNoto;src:url('/app/assets/pi/cs/picset-product-subset.woff2?v=c430b4c3f658') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
body,button,summary,h1,h2,h3{font-family:Inter,PicsetNoto,system-ui,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}
.intro{padding-top:76px}.intro h1{font-size:36px;font-weight:700;letter-spacing:0;line-height:1.35}.copy h2,.center-title h2{font-weight:650;letter-spacing:0}.copy p,.center-title p,.questions p{color:#71717a}.audience-grid article{border-color:#e4e4e7}