:root{--ink:#272928;--muted:#787a77;--paper:#fafaf8;--line:#e2e3de;--accent:#a94d40;--dark:#232524;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}button,a,input{ -webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}button{border:0;background:none}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}h1,h2,h3,p{margin:0}h2{font-size:clamp(34px,4.2vw,58px);letter-spacing:-2px;line-height:1.3;font-weight:550}h3{font-weight:550}p{line-height:1.8}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}section{scroll-margin-top:100px}.section{width:min(1200px,calc(100% - 96px));margin:0 auto;padding:118px 0}.section-heading{margin-bottom:56px}.section-heading p{font-size:18px;color:var(--muted);margin-top:25px;max-width:680px}.eyebrow{display:block;font-size:13px;letter-spacing:1.8px;font-weight:500;margin-bottom:25px}.muted{color:var(--muted)}.btn{min-height:54px;padding:0 27px;display:inline-flex;align-items:center;justify-content:center;gap:15px;border-radius:50px;font-size:16px;font-weight:500;transition:background .25s,transform .25s,box-shadow .25s;white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px #00000012}.btn.light{background:#fff;color:#252625}.btn.solid{background:var(--ink);color:white}.btn.outline{border:1px solid #ffffff45;color:#fff}.btn.border{border:1px solid #d5d6d1;background:transparent;color:var(--ink)}.btn.small{min-height:36px;font-size:13px;padding:0 18px}.text-link{display:inline-flex;align-items:center;gap:22px;font-size:15px}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(3px,2px)}.skip{position:fixed;top:-90px;z-index:50;padding:15px;background:white}.skip:focus{top:0}.nav{position:fixed;z-index:30;top:22px;left:50%;transform:translateX(-50%);width:min(990px,calc(100% - 40px));border:1px solid #ffffff1a;padding:12px 14px 12px 22px;border-radius:99px;display:flex;align-items:center;justify-content:space-between;background:#ffffff0e;backdrop-filter:blur(24px);color:white;transition:background .35s,color .35s,box-shadow .35s}.nav.scrolled{background:#ffffffdc;color:var(--ink);box-shadow:0 8px 30px #00000008;border-color:#ffffff88}.nav.scrolled .outline{color:var(--ink);border-color:#d2d3d0}.nav.scrolled .light{background:var(--ink);color:white}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;font-weight:650;font-size:21px;letter-spacing:-.6px}.brand img{width:31px;height:31px;border-radius:5px}.nav nav{display:flex;gap:27px;font-size:13px}.nav nav a{opacity:.75;transition:opacity .2s}.nav nav a:hover{opacity:1}.nav-actions{display:flex;gap:8px;align-items:center}.menu-toggle{display:none}.hero{position:relative;background:radial-gradient(ellipse at 66% 60%,#797068 0%,#403c39 38%,#242626 70%);color:white;padding:164px 0 0;overflow:hidden}.hero-grain{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#fafaf8 99%);pointer-events:none}.hero-content{position:relative;text-align:center;padding:0 24px}.hero .eyebrow{color:#c9c5bf;letter-spacing:2px;display:flex;align-items:center;justify-content:center;gap:10px}.status-dot{width:5px;height:5px;border-radius:100%;background:#d89a85;box-shadow:0 0 12px #e1aa89}.hero h1{font-size:clamp(46px,6.1vw,86px);font-weight:500;line-height:1.2;letter-spacing:-4px}.hero h1 span{color:#dedbd5}.hero p{font-size:17px;color:#c9c7c2;margin-top:27px}.hero-actions{display:flex;justify-content:center;gap:30px;margin-top:34px}.platforms{display:flex;gap:17px;justify-content:center;align-items:center;font-size:12px;color:#c0bfbb;margin:24px 0 54px}.platforms span{display:flex;gap:6px;align-items:center}.platforms svg{width:13px;height:13px;stroke:none}.platforms i{height:10px;width:1px;background:#ffffff40}.hero-media{position:relative;width:min(1200px,calc(100% - 96px));height:560px;margin:auto;border-radius:20px;overflow:hidden;box-shadow:0 25px 60px #00000015}.hero-media>img{width:100%;height:100%;object-fit:cover;object-position:center 56%}.media-shade{position:absolute;inset:0;background:linear-gradient(transparent 65%,#0009)}.media-label{position:absolute;bottom:30px;left:35px;right:35px;display:flex;justify-content:space-between;font-size:14px;letter-spacing:1px}.intro{padding-top:140px}.feature-showcase{display:grid;grid-template-columns: .78fr 1.65fr;gap:72px;align-items:center}.feature-select{display:flex;flex-direction:column}.feature-select button{text-align:left;position:relative;padding:28px 0;border-bottom:1px solid var(--line);opacity:.68;transition:opacity .25s}.feature-select button:first-child{padding-top:4px}.feature-select button[aria-selected=true]{opacity:1}.tab-index{font-size:11px;color:var(--accent);display:block;margin-bottom:11px}.feature-select h3{font-size:22px;letter-spacing:-.6px}.feature-select p{font-size:14px;margin:14px 0 6px;color:var(--muted)}.tab-line{position:absolute;bottom:-1px;height:2px;background:var(--ink);left:0;width:0;transition:width .45s var(--ease)}[aria-selected=true] .tab-line{width:100%}.show-panel{height:515px;border-radius:18px;background:#edeeea;padding:22px;overflow:hidden}.show-images{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:10px;height:100%;animation:swap .5s var(--ease)}.show-images figure{margin:0;min-width:0;display:flex;flex-direction:column;gap:12px}.show-images figure img{height:calc(100% - 30px);width:100%;object-fit:contain;border-radius:8px}.show-images figcaption{font-size:11px;color:#686b66}.fashion-section{padding-top:60px}.fashion-stage{display:grid;grid-template-columns:1.5fr 1fr;background:#eeeee7;border-radius:22px;overflow:hidden;align-items:center}.fashion-stage>img{width:100%;padding:20px;mix-blend-mode:multiply}.fashion-copy{padding:45px}.overline{font-size:9px;letter-spacing:1.6px;color:var(--muted)}.fashion-copy h3{font-size:34px;line-height:1.4;letter-spacing:-1px;margin:28px 0 20px}.fashion-copy p{font-size:15px;color:var(--muted);margin-bottom:36px}.workflow-section{background:#282a29;color:#fafaf8}.workflow-section .section-heading{text-align:center}.workflow-section .section-heading p{margin:25px auto 0;color:#aaaead}.workflow-section .eyebrow{color:#c0ada4}.workflow-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:40px}.workflow-tabs button,.rate-tabs button{border-radius:50px;padding:12px 24px;color:#a8abaa;font-size:14px}.workflow-tabs button[aria-selected=true]{background:#464846;color:white}.work-panel{border:1px solid #555854;border-radius:18px;min-height:410px;padding:45px;background:#303331}.work-content{display:grid;grid-template-columns:.85fr 1.5fr;gap:60px;align-items:center;animation:swap .45s var(--ease)}.work-text h3{font-size:32px;line-height:1.45;letter-spacing:-1px}.work-text p{font-size:15px;color:#b9bdb7;margin:20px 0}.work-text small{font-size:11px;color:#91968e}.work-demo{background:#edeee9;color:var(--ink);padding:25px;border-radius:12px}.chat-bubble{background:#fff;border:1px solid #dddeda;padding:16px;border-radius:12px 12px 2px 12px;font-size:14px;max-width:85%;margin-left:auto;line-height:1.7}.agent-answer{margin:22px 0 15px;font-size:13px;line-height:1.8;color:#656963}.agent-answer b{display:block;color:#30372e;margin-bottom:6px}.mini-results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-results img{display:block;width:100%;height:auto;min-width:0;object-fit:contain;border-radius:6px}.batch-row{display:flex;align-items:center;gap:13px;border-bottom:1px solid #d1d6ce;padding:10px 0;font-size:12px}.batch-row img{width:43px;height:50px;object-fit:cover;border-radius:5px}.batch-row span{margin-right:auto}.batch-row b{font-size:11px;font-weight:450;color:#567151}.batch-head{display:flex;justify-content:space-between;font-size:13px;margin-bottom:10px}.knowledge-chips{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.knowledge-chips span{padding:6px 10px;background:white;border-radius:6px;font-size:11px}.gallery-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.gallery-heading p{font-size:15px;color:var(--muted);padding-bottom:6px}.filters{display:flex;gap:10px;margin-bottom:30px}.filters button{padding:11px 22px;border:1px solid var(--line);border-radius:40px;font-size:14px}.filters button.active{color:white;background:var(--ink);border-color:var(--ink)}.filters small{font-size:10px;opacity:.6;margin-left:5px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px}.case-card{text-align:left;min-width:0;display:block}.case-cover{height:270px;position:relative;overflow:hidden;border-radius:13px;background:#ededeb;display:flex;gap:3px}.case-cover img{min-width:0;object-fit:cover;width:100%;height:100%;flex:1;transition:transform .6s var(--ease)}.case-cover.multi img{width:33.33%}.case-card:hover .case-cover img{transform:scale(1.045)}.case-cover.fashion img{object-fit:contain}.case-card h3{font-size:16px;margin-top:17px;display:flex;justify-content:space-between;gap:10px;font-weight:500}.case-card h3 span{color:var(--muted)}.case-card .case-type{position:absolute;bottom:12px;left:12px;background:#fff9;backdrop-filter:blur(8px);padding:6px 10px;border-radius:20px;font-size:10px;z-index:2}.see-more{display:flex;margin:45px auto 0}.layer-section{display:grid;grid-template-columns:1.25fr 1fr;gap:100px;align-items:center;padding-top:40px}.layer-art{height:480px;border-radius:20px;background:#e9eae5;display:grid;place-content:center;position:relative;overflow:hidden;perspective:1000px}.layer-stack{width:218px;height:310px;position:relative;transform:rotate(-9deg);transition:transform .6s var(--ease)}.layer-stack img{height:100%;width:100%;object-fit:cover;position:relative;z-index:2;border-radius:6px;box-shadow:0 10px 40px #24282023}.layer-sheet{position:absolute;inset:0;border:1px solid #b8bcb2;border-radius:6px;background:#ffffff45;transition:transform .6s var(--ease)}.layer-sheet.back{transform:translate(29px,-20px);z-index:1}.layer-sheet.front{transform:translate(-29px,20px);z-index:0}.layer-art:hover .layer-stack{transform:rotate(-5deg)}.layer-art:hover .back{transform:translate(48px,-30px)}.layer-art:hover .front{transform:translate(-48px,30px)}.layer-tag{position:absolute;bottom:10px;right:-60px;z-index:4;background:#343936;color:white;border:1px solid #777c75;padding:19px 15px;border-radius:8px;font-size:23px}.layer-art>small{position:absolute;bottom:20px;left:23px;color:var(--muted);font-size:10px}.layer-copy p{color:var(--muted);font-size:17px;margin-top:26px}.export-types{display:flex;gap:40px;margin-top:35px}.export-types span{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted)}.export-types b{font-size:20px;color:var(--ink);font-weight:500}.video-section{padding-top:60px}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.video-card{height:385px;border-radius:16px;overflow:hidden;position:relative;background:#e7e7e2}.video-card>img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.video-card:hover img{transform:scale(1.035)}.video-card:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0009)}.play-icon{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);display:grid;place-content:center;width:63px;height:63px;border-radius:50%;border:1px solid #fff9;background:#ffffff40;backdrop-filter:blur(12px);color:white;z-index:1;font-size:20px;padding-left:3px}.video-caption{position:absolute;z-index:1;bottom:27px;left:25px;right:25px;color:white;display:flex;justify-content:space-between;font-size:18px}.video-caption span{font-size:12px;align-self:center;opacity:.8}.team-section{background:#eeeee9}.team-lead{font-size:21px;color:#70736c;line-height:1.9;margin-top:25px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:65px}.team-grid>div{border-top:1px solid #c9cdc3;padding-top:25px}.team-grid span{font-size:11px;color:var(--accent)}.team-grid h3{font-size:22px;margin:23px 0 15px}.team-grid p{font-size:15px;color:var(--muted)}.pricing-section .section-heading{text-align:center}.pricing-section .section-heading p{margin:25px auto}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:35px}.price-card>span{font-size:12px;color:var(--muted)}.price-card h3{font-size:24px;margin:17px 0 29px}.price{font-size:48px;font-weight:500;letter-spacing:-2px}.price small{font-size:23px;vertical-align:top;display:inline-block;margin-top:8px;margin-right:6px}.price-card p{font-size:13px;color:var(--muted);margin-top:12px}.price-card ul{list-style:none;padding:25px 0;margin:25px 0 14px;border-top:1px solid var(--line)}.price-card li{font-size:13px;margin-bottom:15px;display:flex;gap:9px}.price-card li:before{content:'✓';color:var(--muted)}.price-card .btn{width:100%;font-size:14px}.price-card.featured{background:var(--dark);color:#fafaf7;border-color:var(--dark)}.price-card.featured p,.price-card.featured>span{color:#b5b9b1}.price-card.featured ul{border-color:#55594f}.rates{margin-top:28px;border:1px solid var(--line);border-radius:14px;background:#fff}.rates summary{padding:26px 30px;font-size:19px;display:flex;justify-content:space-between;cursor:pointer;list-style:none}.rates summary small{font-size:13px;color:var(--muted);margin-left:20px}.plus{font-size:24px}.rate-content{padding:0 30px 25px}.rate-tabs{display:flex;margin-bottom:20px;gap:8px}.rate-tabs button{color:var(--muted)}.rate-tabs [aria-selected=true]{background:#e9ebe6;color:var(--ink)}#rate-table{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px;min-width:450px}th{color:var(--muted);font-size:12px;font-weight:400}th,td{padding:16px 12px;border-bottom:1px solid var(--line)}th:not(:first-child),td:not(:first-child){text-align:right}.fine-print{display:block;color:var(--muted);font-size:11px;margin-top:22px;line-height:1.7}.faq-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;padding-top:40px}.faq-section h2{font-size:32px;line-height:1.6;letter-spacing:-1px}.faq-items details{border-bottom:1px solid var(--line)}.faq-items summary{cursor:pointer;list-style:none;padding:23px 0;display:flex;gap:24px;justify-content:space-between;font-size:16px}.faq-items summary span{font-size:20px;color:var(--muted)}summary::-webkit-details-marker{display:none}details[open] summary .plus,details[open] summary>span:last-child:not(:first-child){transform:rotate(45deg)}.faq-items p{font-size:14px;color:var(--muted);padding:0 30px 25px 0}.closing{background:#272927;color:white;text-align:center}.closing .eyebrow{color:#aaa99f}.closing h2{font-size:64px;letter-spacing:-2px}.closing-actions{margin:38px 0 27px;display:flex;justify-content:center;gap:15px}.closing p{font-size:12px;color:#b2b6ac}footer{max-width:1200px;margin:auto;padding:40px 0;display:flex;align-items:center;gap:30px;font-size:12px;color:var(--muted)}footer>.brand{color:var(--ink);margin-right:auto;font-size:19px}footer button{padding:0;font-size:12px}dialog{border:1px solid var(--line);border-radius:22px;padding:50px;color:var(--ink);background:var(--paper);max-width:calc(100% - 32px);max-height:90dvh;overflow:auto;box-shadow:0 30px 100px #0004}dialog::backdrop{background:#141615b8;backdrop-filter:blur(8px)}dialog[open]{animation:swap .25s var(--ease)}dialog h2{font-size:34px;letter-spacing:-1px}dialog>p{margin:18px 0;color:var(--muted);font-size:14px}.close{position:absolute;right:15px;top:12px;width:35px;height:35px;border-radius:50%;font-size:26px;z-index:3;color:var(--muted)}.close:hover{background:#ddd8}.contact-dialog{width:500px}.wechat{display:flex;flex-direction:column;margin-top:36px;border-top:1px solid var(--line);padding-top:25px;gap:18px}.wechat>span{font-size:13px;color:var(--muted)}.wechat strong{font-weight:550;font-size:37px;letter-spacing:-1px}.wechat .btn{margin-top:6px}.copy-status{min-height:23px;margin-bottom:0!important}.download-dialog{width:510px}.download-options{margin:30px 0;display:flex;flex-direction:column;gap:12px}.download-options a{position:relative;display:block;border:1px solid var(--line);border-radius:12px;padding:18px 22px;font-size:21px}.download-options a:hover{background:#eceee8}.download-options small{display:block;color:var(--muted);font-size:12px;margin-top:7px}.download-options a>span{position:absolute;right:25px;top:30px;font-size:24px}.case-dialog{width:1080px}.case-dialog h2{font-size:27px;margin-bottom:28px}.case-detail-images{display:flex;gap:16px;align-items:stretch;overflow-x:auto}.case-detail-images figure{margin:0;flex:1;min-width:150px}.case-detail-images img{width:100%;height:390px;object-fit:contain;background:#eeeee9;border-radius:10px}.case-detail-images figcaption{font-size:12px;color:var(--muted);margin:12px 0}.case-original{max-height:65vh;object-fit:contain;width:100%}.case-dialog .btn{margin-top:25px}.video-dialog{background:#1e201f;border:1px solid #555;width:1050px;padding:35px 25px 25px;color:white}.video-dialog h2{font-size:20px;margin-bottom:20px}.video-dialog video{width:100%;max-height:70dvh;border-radius:8px;background:#111}.video-dialog .close{color:white}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(16px);transition:opacity .55s var(--ease),transform .55s var(--ease)}.js-motion .reveal.visible{opacity:1;transform:none}@keyframes swap{from{opacity:.15;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.hero{padding-top:190px}.hero-media{height:620px}.hero h1{font-size:90px}}
@media(max-width:1050px){.nav nav{gap:17px}.nav{width:calc(100% - 40px)}.section{width:calc(100% - 64px);padding:90px 0}.feature-showcase{gap:30px;grid-template-columns:1fr 1.7fr}.show-panel{height:460px;padding:15px}.feature-select h3{font-size:19px}.hero-media{width:calc(100% - 64px);height:480px}.fashion-copy{padding:28px}.fashion-copy h3{font-size:28px}.work-panel{padding:28px}.work-content{gap:28px}.gallery{gap:30px 18px}.case-cover{height:230px}.layer-section{gap:55px}.price-card{padding:27px}.price{font-size:42px}.faq-section{gap:45px}footer{padding:30px 32px}.nav .brand{font-size:18px}.nav .btn.small{padding:0 12px}.gallery-heading{display:block}.gallery-heading p{margin-top:20px}}
@media(max-width:760px){.section{width:calc(100% - 40px);padding:70px 0}h2{letter-spacing:-1px;font-size:36px}.section-heading{margin-bottom:32px}.section-heading p{font-size:15px;margin-top:20px}.nav{top:12px;width:calc(100% - 24px);padding:10px 12px 10px 16px}.nav .brand{font-size:18px}.nav .brand img{width:26px;height:26px}.nav .outline{display:none}.menu-toggle{display:block;font-size:20px;padding:0 8px}.nav nav{display:none;position:absolute;top:65px;left:0;right:0;background:#fff;color:var(--ink);padding:20px 25px;border-radius:18px;box-shadow:0 10px 30px #0002}.nav.menu-open nav{display:flex;flex-direction:column;gap:24px}.hero{padding-top:140px}.hero h1{font-size:49px;letter-spacing:-2px;line-height:1.25}.hero .eyebrow{font-size:11px}.hero p{font-size:14px;max-width:290px;margin:24px auto 0}.hero-actions{gap:24px;margin-top:27px}.btn{min-height:49px;padding:0 22px;font-size:14px}.text-link{font-size:13px}.platforms{font-size:10px;gap:12px;margin-bottom:36px}.hero-media{width:calc(100% - 28px);height:330px;border-radius:12px}.hero-media>img{object-position:65% center}.media-label{bottom:20px;left:20px;right:20px;font-size:10px}.feature-showcase{display:flex;flex-direction:column;gap:25px}.feature-select{width:100%;flex-direction:row;gap:16px}.feature-select button,.feature-select button:first-child{flex:1;padding:10px 0 18px}.feature-select p{display:none}.feature-select h3{font-size:13px;line-height:1.5}.show-panel{width:100%;height:350px;padding:12px}.show-images{gap:6px}.show-images figcaption{font-size:9px}.fashion-stage{grid-template-columns:1fr}.fashion-stage>img{padding:5px}.fashion-copy{padding:30px}.fashion-copy h3{font-size:29px}.fashion-copy p{margin-bottom:20px}.work-panel{padding:22px 17px}.work-content{grid-template-columns:1fr;gap:24px}.work-text h3{font-size:26px}.work-text p{margin:12px 0}.workflow-tabs{gap:2px;margin-bottom:25px}.workflow-tabs button{font-size:13px;padding:10px 15px}.work-demo{padding:18px}.gallery{grid-template-columns:repeat(2,1fr);gap:25px 12px}.case-cover{height:205px;border-radius:9px}.case-card h3{font-size:12px;line-height:1.6;margin-top:12px}.case-cover.multi img:nth-child(2):not(:last-child){display:none}.case-cover.multi img{width:50%}.filters{gap:7px}.filters button{padding:10px 13px;font-size:12px}.case-cover .case-type{font-size:8px;bottom:8px;left:8px}.gallery-heading{margin-bottom:25px}.gallery-heading p{font-size:14px}.see-more{margin-top:30px}.layer-section{display:flex;flex-direction:column-reverse;gap:30px}.layer-art{width:100%;height:400px}.layer-copy{width:100%}.layer-copy p{font-size:15px}.layer-stack{width:190px;height:270px}.video-grid{grid-template-columns:1fr;gap:18px}.video-card{height:310px}.video-caption{font-size:16px;left:20px;right:20px}.team-lead{font-size:16px}.team-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.team-grid h3{font-size:20px;margin:15px 0 10px}.pricing-cards{grid-template-columns:1fr}.price-card{padding:28px}.price-card h3{margin-bottom:20px}.price{font-size:48px}.price-card ul{margin-top:20px;padding:23px 0 7px;display:flex;flex-wrap:wrap;gap:10px 18px}.price-card li{font-size:12px}.rates summary{padding:22px 20px;font-size:16px}.rates summary small{display:block;margin:9px 0 0;font-size:12px}.rate-content{padding:0 18px 22px}#rate-table table{min-width:0;table-layout:fixed;font-size:12px}#rate-table th,#rate-table td{padding:14px 5px;overflow-wrap:break-word}#rate-table th:first-child{width:44%}#rate-table th:nth-child(2){width:23%}#rate-table th:nth-child(3){width:33%}.rate-tabs button{font-size:13px;padding:10px 20px}.faq-section{grid-template-columns:1fr;gap:20px}.faq-section h2{font-size:27px}.faq-items summary{font-size:14px}.closing h2{font-size:44px}.closing p{font-size:10px}footer{padding:30px 20px;flex-wrap:wrap;gap:22px;font-size:10px}footer>.brand{flex:1 1 55%;font-size:18px}footer button{font-size:10px}dialog{padding:40px 24px 26px;border-radius:17px}dialog h2{font-size:28px}.case-dialog h2{font-size:21px}.case-detail-images{gap:9px}.case-detail-images img{height:260px}.case-detail-images figure{min-width:130px}.case-detail-images figcaption{font-size:10px}.video-dialog{padding:40px 12px 12px}.video-dialog h2{font-size:16px}.download-options a{font-size:18px}.copy-status{font-size:12px}}
/* Product storytelling and responsive case presentation. */
.showcase-heading{display:grid;grid-template-columns:1.1fr 1fr;column-gap:72px;align-items:end}.showcase-heading .eyebrow{grid-column:1/-1}.showcase-heading p{max-width:380px;margin:0 0 5px auto;font-size:16px;line-height:1.9}
.feature-showcase{gap:48px;grid-template-columns:.8fr 1.7fr}.feature-select button{opacity:1;color:#737570;transition:color .25s}.feature-select button[aria-selected=true],.feature-select button:hover{color:var(--ink)}.feature-select p{color:#747870}.feature-select h3 i{font-style:normal}.tab-line{background:var(--accent)}
.show-panel{height:490px;padding:16px;background:#eeefeb;border:1px solid #e5e6df}.show-images{position:relative;grid-template-columns:.8fr 1fr 1fr;gap:12px;animation:swap .35s var(--ease)}.show-images figure{gap:0;min-height:0}.show-image{flex:1;min-height:0;background:#e5e7e0;border-radius:9px;overflow:hidden;display:flex;align-items:center;justify-content:center}.show-images figure img{height:100%;width:100%;object-fit:contain;border-radius:0}.show-images figcaption{display:flex;align-items:center;justify-content:space-between;min-height:30px;padding-top:6px;font-size:11px;color:#60645e}
.show-layout-0{grid-template-columns:1fr 2.2fr;grid-template-rows:1fr 1fr;column-gap:18px;row-gap:12px}.show-layout-0 figure:nth-child(3){grid-column:2;grid-row:1/3}.show-layout-0 figure:nth-child(3) .show-image{background:#dce3e3}.show-arrow{position:absolute;left:calc(31.25% - 14px);top:calc(50% - 22px);width:34px;height:34px;border-radius:50%;background:var(--paper);border:1px solid #dbdfd6;display:grid;place-items:center;font-size:22px;z-index:1;box-shadow:0 4px 10px #2931240a}.show-layout-2{grid-template-columns:1fr 1fr 1fr}
.case-card{padding:0}.case-cover{aspect-ratio:4/3;height:auto;border:1px solid #e5e6df}.case-card h3{align-items:start;line-height:1.5}.case-card h3>span{transition:transform .25s,color .25s}.case-card:hover h3>span{transform:translate(2px,-2px);color:var(--accent)}.filters button{transition:background .2s,color .2s,border-color .2s}.filters button:not(.active):hover{background:#eeefea;border-color:#c7ccc0}.case-cover.multi img{transition:transform .45s var(--ease)}
.work-panel{min-height:440px}.work-content{min-height:348px}.workflow-tabs{width:fit-content;margin-left:auto;margin-right:auto;padding:5px;border:1px solid #525650;border-radius:40px;background:#ffffff05}.workflow-tabs button{transition:background .2s,color .2s}.workflow-tabs button:not([aria-selected=true]):hover{color:white}.video-card{aspect-ratio:1.55;height:auto}.play-icon{transition:background .25s,scale .25s}.video-card:hover .play-icon{background:#ffffff60;scale:1.06}
@media(max-width:1050px){.feature-showcase{gap:30px}.showcase-heading{column-gap:40px}.show-panel{height:460px}.work-panel{min-height:410px}.work-content{min-height:352px}}
@media(max-width:760px){section{scroll-margin-top:90px}.showcase-heading{display:block}.showcase-heading p{margin:20px 0 0;font-size:15px;max-width:none}.feature-showcase{gap:24px}.feature-select h3 span{display:block;white-space:nowrap}.feature-select h3 i{display:none}.feature-select h3{font-size:12px}.show-panel{height:365px;padding:12px}.show-images{gap:8px}.show-layout-0{gap:10px 14px}.show-images figcaption{font-size:10px;min-height:27px}.show-arrow{width:28px;height:28px;font-size:18px;left:calc(31.25% - 11px);top:calc(50% - 18px)}.show-image{border-radius:6px}.workflow-tabs{gap:0;padding:4px;max-width:100%}.workflow-tabs button{padding:10px 13px}.work-panel,.work-content{min-height:0}.batch-row{gap:7px;font-size:11px}.batch-row img{width:32px;height:44px}.batch-row b{font-size:10px}.case-cover{height:auto}.video-card{height:auto;aspect-ratio:1.2}.gallery{gap:28px 16px}}
@media(max-width:480px){.gallery{grid-template-columns:1fr;gap:28px}.case-cover{aspect-ratio:4/3;border-radius:12px}.case-card h3{font-size:15px;margin-top:13px}.case-cover.multi img:nth-child(2):not(:last-child){display:block}.case-cover.multi img{width:33.33%}.case-cover .case-type{font-size:10px;left:12px;bottom:12px}.show-layout-1,.show-layout-2{grid-template-columns:repeat(3,1fr)}.show-layout-1 .show-image,.show-layout-2 .show-image{background:transparent}.show-layout-1,.show-layout-2{align-content:center}.show-layout-1 figure,.show-layout-2 figure{height:260px}.filters button{padding:10px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}

/* First-screen benefits: readable at a glance, without competing with the demo. */
/* A single message above the product: graphite, silver light, quiet type. */
.hero{background:#202326;padding-top:180px;isolation:isolate}
.hero-grain{z-index:-1;background:radial-gradient(ellipse 72% 52% at 50% 55%,#656c72aa 0%,#444b5060 46%,transparent 78%),linear-gradient(180deg,#202326 0%,#25292d 31%,#454c52 58%,#aab0b3 80%,var(--paper) 100%)}
.hero-content{padding:0 24px}
.hero h1{display:flex;align-items:center;justify-content:center;gap:clamp(20px,2.8vw,40px);font-size:clamp(40px,4.7vw,64px);font-weight:550;letter-spacing:-2px;line-height:1.3;margin:0}
.hero h1 span{color:#f5f6f7;white-space:nowrap}
.hero-actions{margin-top:34px;gap:0}
.hero-actions .btn{min-height:54px;padding:0 28px;box-shadow:0 2px 12px #0000000c}
.platforms{margin:18px 0 58px;color:#c0c5ca;gap:20px;font-size:12px}
@media(max-width:760px){
 .hero{padding-top:143px}
 .hero-content{padding:0 20px}
 .hero h1{flex-direction:column;font-size:clamp(34px,8.8vw,48px);gap:2px;letter-spacing:-1px;line-height:1.35}
 .hero-actions{margin-top:28px}
 .hero-actions .btn{min-height:50px;padding:0 24px}
 .platforms{margin:17px 0 40px;font-size:11px}
}

.hero-benefits{display:grid;grid-template-columns:repeat(3,1fr);width:min(600px,100%);list-style:none;margin:32px auto 0;padding:0;text-align:center;gap:26px}
.hero-benefits strong{display:block;font-size:23px;font-weight:450;line-height:1.5;letter-spacing:1px;color:#e4e7e9}
.hero-benefits span{display:block;margin-top:7px;font-size:12px;line-height:1.7;color:#b7bec4}
@media(max-width:760px){.hero-benefits{margin-top:27px;gap:8px;max-width:400px}.hero-benefits strong{font-size:18px;letter-spacing:.5px}.hero-benefits span{font-size:12px;max-width:94px;margin:6px auto 0;text-wrap:balance}}

.hero .hero-tagline{font-size:19px;line-height:1.7;color:#c5cbd0;margin:22px auto 0;max-width:none}
@media(max-width:760px){.hero h1{font-size:clamp(24px,6.8vw,40px);gap:9px;letter-spacing:-.8px}.hero h1 span:first-child{font-size:1.35em;letter-spacing:-1.2px}.hero .hero-tagline{font-size:14px;margin-top:20px;max-width:none}}