:root{--safe-width:1200px;--safe-width-s:80%;--lineh-100p:100%;--font-12:.75rem;--lineh-12-20:1.25rem;--font-13:.8125rem;--lineh-13-22:1.375rem;--font-14:.875rem;--lineh-14-24:1.5rem;--font-16:1rem;--lineh-16-26:1.625rem;--font-18:1.125rem;--lineh-18-28:1.75rem;--font-20:1.25rem;--lineh-20-32:2rem;--font-24:1.5rem;--lineh-24-36:2.25rem;--font-32:2rem;--lineh-32-48:3rem;--font-48:3rem;--lineh-48-64:4rem;--brand-color:#4F46E5;--brand-color-light:#6366F1;--page-bg:#0E0E13;--neutral-w-0:rgba(250,250,250,0);--neutral-w-4:rgba(250,250,250,.04);--neutral-w-8:rgba(250,250,250,.08);--neutral-w-12:rgba(250,250,250,.12);--neutral-w-24:rgba(250,250,250,.24);--neutral-w-40:rgba(250,250,250,.40);--neutral-w-64:rgba(250,250,250,.64);--neutral-w-100:rgba(250,250,250,1);--neutral-b-100:rgba(14,14,19,1);--neutral-b-40:rgba(14,14,19,.40);--gallery-shadow:rgba(0,0,0,.40);--preview-shadow:rgba(0,0,0,.80);--affix-shadow:rgba(0,0,0,.40);--soft-title-ray:rgba(250,250,250,.16);--particle-color-1:255,255,255;--particle-color-2:99,102,241;--color-blue:#4CCFFF;--color-rose:#FF70AF;--color-orange:#FEAF3F;--color-ghostx:rgba(108,215,225,1);--color-dreamora-start:rgba(255,165,165,1);--color-dreamora-end:rgba(101,171,255,1);--count-color-hone:190;--count-color-htwo:40;--count-color-hthree:100;--logo-shape-img:url('/assets/public/logo-shape-dark.svg');--logo-text-img:url('/assets/public/logo-text-dark.svg');--empty-img:url('/assets/public/empty-dark.svg');--load-img:url('/assets/public/load-dark.svg');--load-element-img:url('/assets/public/load-icon-dark.svg');--intro-play-img:url('/assets/intro/play-bg-dark.png');--intro-play-lamp:url('/assets/intro/play-lamp-dark.png');--intro-play-scan:url('/assets/intro/play-scan-dark.png');--intro-play-trim-tr:url('/assets/intro/play-bg-trim-tr-dark.png');--intro-play-trim-bl:url('/assets/intro/play-bg-trim-bl-dark.png');--intro-play-trim-bl-fan:url('/assets/intro/play-bg-trim-bl-fan-dark.png');--intro-play-trim-br:url('/assets/intro/play-bg-trim-br-dark.png');--intro-app-eagle:url('/assets/intro/app-eagle-dark.png');--intro-app-linear:url('/assets/intro/app-linear-dark.png');--intro-app-notion:url('/assets/intro/app-notion-dark.png');--intro-web-vercel:url('/assets/intro/web-vercel-dark.png');--intro-web-gitbook:url('/assets/intro/web-gitbook-dark.png');--intro-web-craft:url('/assets/intro/web-craft-dark.png');--intro-secene-bento:url('/assets/intro/secene-bento-dark.png');--intro-secene-mobile:url('/assets/intro/secene-mobile-dark.png');--intro-secene-card:url('/assets/intro/secene-card-dark.png');--intro-applogo-img:url('/assets/intro/applogo-dark.svg');--intro-slogan-img:url('/assets/intro/slogan-bg-dark.png');--intro-count-img-1:url('/assets/intro/count-one-dark.png');--intro-count-img-2:url('/assets/intro/count-two-dark.png');--intro-count-img-3:url('/assets/intro/count-three-dark.png');--intro-cursor-notion:url('/assets/intro/cursor-notion-dark.svg');--intro-cursor-eagle:url('/assets/intro/cursor-eagle-dark.svg');--intro-cursor-linear:url('/assets/intro/cursor-linear-dark.svg');--intro-cursor-gitbook:url('/assets/intro/cursor-gitbook-dark.svg');--intro-cursor-vercel:url('/assets/intro/cursor-vercel-dark.svg');--intro-cursor-craft:url('/assets/intro/cursor-craft-dark.svg');--intro-cursor-bento:url('/assets/intro/cursor-bento-dark.svg');--intro-cursor-mobile:url('/assets/intro/cursor-mobile-dark.svg');--intro-cursor-card:url('/assets/intro/cursor-card-dark.svg');}[data-theme="light"]{--brand-color:#6366F1;--brand-color-light:#4F46E5;--page-bg:#EEF2FF;--neutral-w-0:rgba(14,14,19,0);--neutral-w-4:rgba(14,14,19,.04);--neutral-w-8:rgba(14,14,19,.08);--neutral-w-12:rgba(14,14,19,.12);--neutral-w-24:rgba(14,14,19,.24);--neutral-w-40:rgba(14,14,19,.40);--neutral-w-64:rgba(14,14,19,.64);--neutral-w-100:rgba(14,14,19,1);--neutral-b-100:rgba(250,250,250,1);--neutral-b-40:rgba(250,250,250,.40);--gallery-shadow:rgba(255,255,255,.40);--preview-shadow:rgba(0,0,0,.24);--affix-shadow:rgba(0,0,0,.12);--soft-title-ray:rgb(252,242,225,1);--particle-color-1:0,0,0;--particle-color-2:79,70,229;--color-blue:#0BB7F5;--color-rose:#FF60A6;--color-orange:#F7970F;--color-ghostx:rgba(0,173,189,1);--color-dreamora-start:rgba(233,85,112,1);--color-dreamora-end:rgba(50,129,224,1);--count-color-hone:240;--count-color-htwo:0;--count-color-hthree:200;--logo-shape-img:url('/assets/public/logo-shape-light.svg');--logo-text-img:url('/assets/public/logo-text-light.svg');--empty-img:url('/assets/public/empty-light.svg');--load-img:url('/assets/public/load-light.svg');--load-element-img:url('/assets/public/load-icon-light.svg');--intro-play-img:url('/assets/intro/play-bg-light.png');--intro-play-lamp:url('/assets/intro/play-lamp-light.png');--intro-play-scan:url('/assets/intro/play-scan-light.png');--intro-play-trim-tr:url('/assets/intro/play-bg-trim-tr-light.png');--intro-play-trim-bl:url('/assets/intro/play-bg-trim-bl-light.png');--intro-play-trim-bl-fan:url('/assets/intro/play-bg-trim-bl-fan-light.png');--intro-play-trim-br:url('/assets/intro/play-bg-trim-br-light.png');--intro-app-eagle:url('/assets/intro/app-eagle-light.png');--intro-app-linear:url('/assets/intro/app-linear-light.png');--intro-app-notion:url('/assets/intro/app-notion-light.png');--intro-web-vercel:url('/assets/intro/web-vercel-light.png');--intro-web-gitbook:url('/assets/intro/web-gitbook-light.png');--intro-web-craft:url('/assets/intro/web-craft-light.png');--intro-secene-bento:url('/assets/intro/secene-bento-light.png');--intro-secene-mobile:url('/assets/intro/secene-mobile-light.png');--intro-secene-card:url('/assets/intro/secene-card-light.png');--intro-applogo-img:url('/assets/intro/applogo-light.svg');--intro-slogan-img:url('/assets/intro/slogan-bg-light.png');--intro-count-img-1:url('/assets/intro/count-one-light.png');--intro-count-img-2:url('/assets/intro/count-two-light.png');--intro-count-img-3:url('/assets/intro/count-three-light.png');--intro-cursor-notion:url('/assets/intro/cursor-notion-light.svg');--intro-cursor-eagle:url('/assets/intro/cursor-eagle-light.svg');--intro-cursor-linear:url('/assets/intro/cursor-linear-light.svg');--intro-cursor-gitbook:url('/assets/intro/cursor-gitbook-light.svg');--intro-cursor-vercel:url('/assets/intro/cursor-vercel-light.svg');--intro-cursor-craft:url('/assets/intro/cursor-craft-light.svg');--intro-cursor-bento:url('/assets/intro/cursor-bento-light.svg');--intro-cursor-mobile:url('/assets/intro/cursor-mobile-light.svg');--intro-cursor-card:url('/assets/intro/cursor-card-light.svg');}html{font-size:16px;}body{box-sizing:border-box;margin:0;font-family:'Poppins',sans-serif,system-ui,-apple-system,"Segoe UI","Helvetica Neue",Arial,"Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";background-color:var(--page-bg);overflow-x:hidden;}.no-scroll{overflow:hidden;}.load-pro{opacity:0;transform:translateY(60px);transition:opacity .3s ease-in-out,transform .3s ease-in-out;}.load-pro.visible{opacity:1;transform:translateY(0);}.nav-bar{max-width:var(--safe-width);margin:0 auto;padding:16px 24px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;}.nav-logo-link{width:auto;height:auto;display:flex;justify-content:flex-start;align-items:center;gap:8px;cursor:pointer;}.nav-logo-shape{width:20px;height:20px;background-image:var(--logo-shape-img);background-size:cover;background-repeat:no-repeat;background-position:center;}.nav-logo-text{width:66px;height:20px;background-image:var(--logo-text-img);background-size:cover;background-repeat:no-repeat;background-position:center;}.nav-menu{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;}.nav-menu-item{font-size:var(--font-14);line-height:var(--lineh-14-24);text-decoration:none;color:var(--neutral-w-64);border-radius:6px;padding:3px 12px;border:1px solid var(--neutral-w-0);transition:background-color .3s;cursor:pointer;}.nav-menu-item:hover{background-color:var(--neutral-w-8);}.nav-menu-item.selected{color:var(--neutral-w-100);background-color:var(--neutral-w-8);border:1px solid var(--neutral-w-8);}.theme-switcher{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:3px;padding:3px;background-color:var(--neutral-w-4);border-radius:8px;border:1px solid var(--neutral-w-4);}.theme-btn{border-radius:6px;padding:7px;cursor:pointer;transition:background-color .3s;border:1px solid var(--neutral-w-0);}.theme-btn svg{display:block;width:16px;height:16px;fill:var(--neutral-w-64);}.theme-btn:hover{background-color:var(--neutral-w-8);}.theme-btn.selected{background-color:var(--neutral-w-8);border:1px solid var(--neutral-w-8);}.theme-btn.selected svg{fill:var(--neutral-w-100);}#dark-btn svg .moon-dot-1,.moon-dot-2{opacity:0;transform-box:fill-box;transform-origin:center;transition:opacity .2s ease;}#dark-btn svg .moon-dot-1{animation-delay:1.2s;}#dark-btn:hover .moon-dot-1,#dark-btn:hover .moon-dot-2{opacity:1;animation:bubbleUp 1.2s infinite ease-in;}@keyframes bubbleUp{0%{transform:translateY(0);opacity:0}30%{opacity:1}60%{transform:translateY(-8px);opacity:.8}100%{transform:translateY(-16px);opacity:0}}#light-btn svg .sun-light{transform-origin:50% 50%;transition:transform .4s;}#light-btn:hover svg .sun-light{transform:rotate(-30deg);}.mobile-menu-btn{border-radius:6px;padding:9px;background-color:var(--neutral-w-4);border:1px solid var(--neutral-w-4);transition:background-color .3s;cursor:pointer;}.mobile-menu-btn svg{display:block;width:16px;height:16px;fill:var(--neutral-w-100);transition:fill .3s;}.mobile-menu-btn path{transition:transform .4s;}.menu-icon-top{transform-origin:left center;}.menu-icon-bottom{transform-origin:right center;}.mobile-menu-btn:hover{background-color:var(--neutral-w-8);border:1px solid var(--neutral-w-8);}.mobile-menu-btn:hover .menu-icon-top,.mobile-menu-btn:hover .menu-icon-bottom{transform:scaleX(.65);}.mobile-only{display:none;}.nav-menu-mobile{width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:16px;}.nav-menu-item-mobile{width:100%;box-sizing:border-box;font-size:var(--font-16);line-height:var(--lineh-16-26);padding:6px 16px;}.banner{max-width:var(--safe-width);margin:24px auto;padding:0 24px;}.banner-container{padding:96px 24px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;border-radius:16px;transform-style:preserve-3d;transition:transform .15s ease;will-change:transform;position:relative;overflow:hidden}.banner-highlight{position:absolute;top:0;left:0;width:200%;height:200%;background:radial-gradient(50% 50% at 50% 50%,var(--neutral-w-4) 0%,var(--neutral-w-0) 100%);pointer-events:none;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease;border-radius:50%;}.banner-title{font-size:var(--font-48);line-height:var(--lineh-48-64);font-weight:700;margin-bottom:24px;letter-spacing:2px;display:inline-flex;}.banner-title span{background:linear-gradient(180deg,var(--neutral-w-100) 0%,var(--neutral-w-40) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;transition:transform .3s,color .3s;}.banner-title span:hover{transform:scale(1.2) rotate(-10deg) translateY(-8px);}.banner-animation{will-change:opacity,transform;animation-name:fade-in-move;animation-fill-mode:both;animation-timing-function:ease-in-out;animation-duration:.5s;}.banner-animation-delay{animation-delay:.2s;}@keyframes fade-in-move{0%{opacity:0;transform:translateY(32px) scale(.95)}100%{opacity:1;transform:translateY(0) scale(1)}}.banner-desc{color:var(--neutral-w-40);font-size:var(--font-18);line-height:var(--lineh-18-28);font-weight:200;max-width:640px;text-align:center;}.banner-desc span{color:var(--neutral-w-64);font-weight:400;}.banner-actions{margin-top:40px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;}.banner-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;gap:12px;border-radius:999px;cursor:pointer;transition:background .3s;}.banner-btn a{font-size:var(--font-14);line-height:var(--lineh-14-24);text-decoration:none;}.banner-primary-btn{padding:4px 24px 4px 4px;background:radial-gradient(107.08% 85.59% at 86.3% 87.5%,var(--neutral-w-24) 0%,var(--neutral-w-0) 86.18%),radial-gradient(83.94% 83.94% at 26.39% 20.83%,var(--neutral-w-40) 0%,var(--neutral-w-0) 69.79%,var(--neutral-w-0) 100%),var(--brand-color);box-shadow:-3px -4px 8px 0 var(--neutral-w-12) inset;}.banner-primary-btn::before{content:'';position:absolute;z-index:-1;width:80%;height:20%;left:50%;bottom:0;border-radius:999px;transform:translateX(-50%);background-image:linear-gradient(90deg,#fa399b,#7acf24,#42a1ff,#42d0ff,#a142ff);filter:blur(16px);-webkit-filter:blur(16px);}.banner-primary-btn a{color:#fff;}.snow-canvas{position:absolute;display:block;width:98%;height:100%;z-index:-2;top:8px;left:50%;transform:translateX(-50%);font-size:8px;color:var(--neutral-w-100);}.primary-btn-icon{width:16px;height:16px;font-size:0;padding:11px;border-radius:999px;background:linear-gradient(180deg,var(--neutral-b-40) 0%,var(--neutral-b-100) 100%);border:1px solid var(--neutral-b-100);}.primary-btn-icon svg{fill:var(--neutral-w-100);}.banner-primary-btn .lock-top{transform-origin:8px 12px;transition:transform .2s;}.banner-primary-btn:hover .lock-top{transform:rotate(-30deg);}.banner-sec-btn{padding:12px 24px;background:radial-gradient(107.08% 85.59% at 86.3% 87.5%,var(--neutral-w-8) 0%,var(--neutral-w-0) 86.18%),radial-gradient(83.94% 83.94% at 26.39% 20.83%,var(--neutral-w-12) 0%,var(--neutral-w-0) 69.79%,var(--neutral-w-0) 100%),var(--neutral-w-4);box-shadow:-3px -4px 8px 0 var(--neutral-w-4) inset;}.banner-sec-btn::before{content:'';position:absolute;z-index:-1;width:80%;height:20%;left:50%;bottom:0;border-radius:999px;transform:translateX(-50%);background-image:linear-gradient(90deg,var(--neutral-w-40),var(--neutral-w-24),var(--neutral-w-64),var(--neutral-w-12),var(--neutral-w-24));filter:blur(16px);-webkit-filter:blur(16px);}.banner-sec-btn a{color:var(--neutral-w-100);}.banner-primary-btn:hover{background:radial-gradient(107.08% 85.59% at 86.3% 87.5%,var(--neutral-w-24) 0%,var(--neutral-w-0) 86.18%),radial-gradient(83.94% 83.94% at 26.39% 20.83%,var(--neutral-w-40) 0%,var(--neutral-w-0) 69.79%,var(--neutral-w-0) 100%),var(--brand-color-light);}.banner-sec-btn:hover{background:radial-gradient(107.08% 85.59% at 86.3% 87.5%,var(--neutral-w-8) 0%,var(--neutral-w-0) 86.18%),radial-gradient(83.94% 83.94% at 26.39% 20.83%,var(--neutral-w-12) 0%,var(--neutral-w-0) 69.79%,var(--neutral-w-0) 100%),var(--neutral-w-12);}.loading-indicator{max-width:var(--safe-width);margin:0 auto;display:flex;padding:80px 24px;flex-direction:column;justify-content:flex-start;align-items:center;}.loading-text{font-size:var(--font-14);line-height:var(--lineh-14-24);color:var(--neutral-w-64);}.loading-icon{width:100%;max-width:328px;aspect-ratio:16 / 9;background-image:var(--load-img);background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;justify-content:center;align-items:center;}.loading-icon-element{width:32%;height:32%;background-image:var(--load-element-img);background-size:contain;background-repeat:no-repeat;background-position:center;animation:elementSpin 3s linear infinite;}@keyframes elementSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.filter-area{max-width:var(--safe-width);margin:0 auto;padding:16px 24px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;position:sticky;top:0;background-color:rgba(var(--page-bg) .4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:999;}.filter-area-disabled{opacity:.5;pointer-events:none;}.style-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:3px;border-radius:8px;background-color:var(--neutral-w-4);border:1px solid var(--neutral-w-4);padding:3px;}.style-button{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;padding:3px 12px;border-radius:6px;transition:background-color .3s;cursor:pointer;border:1px solid var(--neutral-w-0);}.style-btn-text{font-size:var(--font-14);line-height:var(--lineh-14-24);color:var(--neutral-w-64);}.style-btn-icon{width:16px;height:16px;opacity:.6;}.style-button:hover{background-color:var(--neutral-w-8);}.style-button.selected{background-color:var(--neutral-w-8);border:1px solid var(--neutral-w-8);}.style-button.selected .style-btn-icon{opacity:1;}.style-button.selected .style-btn-text{color:var(--neutral-w-100);}.filter-right-content{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;}.category-container{position:relative;}.category-select{width:128px;padding:7px 12px 7px 16px;font-size:var(--font-14);line-height:var(--lineh-14-24);border:none;outline:none;border-radius:8px;background-color:var(--neutral-w-4);color:var(--neutral-w-100);appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;transition:background-color .3s;border:1px solid var(--neutral-w-4);}.select-arrow{position:absolute;pointer-events:none;top:50%;right:12px;transform:translateY(-50%);width:20px;height:20px;fill:var(--neutral-w-24);}.category-select:hover{background-color:var(--neutral-w-8);}.search-container{position:relative;display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:320px;}.search-input{font-size:var(--font-14);line-height:var(--lineh-14-24);border-radius:8px;color:var(--neutral-w-100);padding:7px 12px 7px 36px;width:100%;outline:none;transition:background-color .3s;background-color:var(--neutral-w-4);border:1px solid var(--neutral-w-4);}.search-input::placeholder{color:var(--neutral-w-24);opacity:1;}.search-icon{position:absolute;top:50%;left:12px;transform:translateY(-50%);width:16px;height:16px;fill:var(--neutral-w-24);transition:fill .3s;}.clear-btn{position:absolute;top:50%;right:12px;transform:translateY(-50%);cursor:pointer;display:none;width:16px;height:16px;color:var(--neutral-w-24);transition:color .3s;}.search-input:hover{background-color:var(--neutral-w-8);}.search-input:focus{background-color:var(--neutral-w-8);border:1px solid var(--neutral-w-24);}.search-input:focus+.search-icon{fill:var(--neutral-w-100);}.clear-btn:hover{color:var(--neutral-w-100);}.no-result{max-width:var(--safe-width);margin:0 auto;display:none;padding:80px 24px;flex-direction:column;justify-content:flex-start;align-items:center;}.empty-text{font-size:var(--font-14);line-height:var(--lineh-14-24);color:var(--neutral-w-64);}.empty-icon{width:100%;max-width:328px;aspect-ratio:16 / 9;background-image:var(--empty-img);background-size:contain;background-repeat:no-repeat;background-position:center;}.gallery{padding:24px 24px 40px 24px;max-width:var(--safe-width);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:20px;}.gallery-container{width:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:12px;aspect-ratio:1 / 1;background-color:var(--page-bg);border:1px solid var(--neutral-w-4);box-shadow:0 24px 40px 0 var(--gallery-shadow) inset;transition:all .3s;}.gallery-container::before{--dot-color:var(--neutral-w-12);--dot-size:4px;content:"";position:absolute;inset:calc(var(--dot-size) * 2);pointer-events:none;background-image:radial-gradient(var(--dot-color) 50%,transparent 50%),radial-gradient(var(--dot-color) 50%,transparent 50%),radial-gradient(var(--dot-color) 50%,transparent 50%),radial-gradient(var(--dot-color) 50%,transparent 50%);background-size:var(--dot-size) var(--dot-size),var(--dot-size) var(--dot-size),var(--dot-size) var(--dot-size),var(--dot-size) var(--dot-size);background-position:0 0,0 100%,100% 0,100% 100%;background-repeat:no-repeat;transition:all .3s;}.svg-object-wrapper{position:relative;cursor:pointer;width:100%;height:0;padding-bottom:56.25%}.gallery-container.disabled{pointer-events:none;cursor:not-allowed;user-select:none;}.svg-object{position:absolute;width:100%;height:100%;inset:0;object-fit:contain;transition:scale .3s;}.svg-object-overlay{position:absolute;inset:0;z-index:2;background-color:rgba(0,0,0,0);}.pic-name{width:100%;padding:0 16px;text-align:center;opacity:0;position:absolute;bottom:24px;font-size:var(--font-12);line-height:var(--lineh-12-20);color:var(--neutral-w-40);transition:all .3s;transform:translateY(24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;}.pic-action{opacity:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:6px;position:absolute;left:8px;right:8px;top:8px;transition:all .3s;transform:translateY(-8px);}.action-left,.action-right{display:flex;gap:6px;}.download-btn{position:relative;overflow:hidden;color:var(--neutral-w-100);display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:4px;background-color:var(--neutral-w-4);padding:5px 9px 5px 8px;border-radius:4px;cursor:pointer;transition:background-color .3s,color .3s;border:1px solid var(--neutral-w-4);}.download-btn svg{width:12px;height:12px;}.btn-text{font-size:var(--font-12);line-height:var(--lineh-100p);}.download-btn:hover{color:var(--neutral-b-100);background-color:var(--neutral-w-100);border:1px solid var(--neutral-w-0);}.gallery-container:hover{border-radius:0;border:1px solid var(--neutral-w-24);background:radial-gradient(100% 70% at 0% 0%,var(--neutral-w-4) 0%,var(--neutral-w-0) 100%);}.gallery-container:hover::before{--dot-color:var(--neutral-w-100);inset:calc(var(--dot-size) * -.5);}.gallery-container:hover .svg-object{scale:1.08;}.gallery-container:hover .pic-name{opacity:1;transform:translateY(0);}.gallery-container:hover .pic-action{opacity:1;transform:translateY(0);}.footer-banner{max-width:var(--safe-width);margin:0 auto;padding:0 24px;position:relative;display:flex;justify-content:center;align-items:center;}.footer-banner-btn{display:flex;justify-content:center;align-items:center;gap:8px;z-index:1;cursor:pointer;background-color:var(--page-bg);padding:24px 12px;}.footer-banner-btn a{font-size:var(--font-13);line-height:var(--lineh-13-22);color:var(--neutral-w-24);text-decoration:none;transition:color .3s;}.footer-banner-btn:hover a{color:var(--neutral-w-64);}.footer-banner-divider{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:240px;height:1px;background:linear-gradient(to right,var(--neutral-w-8) 0%,var(--neutral-w-0) 50%,var(--neutral-w-8) 100%);}.footer{max-width:var(--safe-width);margin:0 auto;text-align:center;padding:25px 24px;color:var(--neutral-w-40);font-size:var(--font-13);line-height:var(--lineh-13-22);display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;}.footer a{color:var(--neutral-w-40);text-decoration:none;transition:color .3s;}.footer a:hover{color:var(--neutral-w-64);}.footer-left,.footer-right{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;}.affix-actions{position:fixed;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:12px;bottom:40px;right:40px;z-index:1000;}.affix-btn{position:relative;width:38px;height:38px;background-color:var(--neutral-w-4);border:1px solid var(--neutral-w-4);border-radius:50%;box-shadow:0 8px 16px var(--affix-shadow);cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden;transition:opacity .3s,background-color .3s,border .3s;}.affix-btn svg{position:absolute;top:50%;left:50%;width:16px;height:16px;transform:translate(-50%,-50%);fill:var(--neutral-w-64);transition:fill .3s,transform .3s,opacity .3s;}.affix-btn:hover{background-color:var(--neutral-w-8);border:1px solid var(--neutral-w-8);}.affix-btn:hover svg{fill:var(--neutral-w-100);}.backtop{display:none;}.backtop .backtop-icon-arrow{transition:transform .1s ease;}.backtop .backtop-icon-line{transition:transform .3s ease;}.affix-btn:hover .backtop-icon-arrow{transform:translateY(5px);}.affix-btn:hover .backtop-icon-line{transform:translateY(-16px);}.twitter-one{transform:translate(-50%,-50%) rotateY(0deg);opacity:1;}.twitter-two{transform:translate(-50%,-50%) rotateY(90deg);opacity:0;}.affix-btn:hover .twitter-one{transform:translate(-50%,-50%) rotateY(90deg);opacity:0;}.affix-btn:hover .twitter-two{transform:translate(-50%,-50%) rotateY(0deg);opacity:1;}.license-icon-left,.license-icon-right{transform-origin:center top;transition:transform .3s ease;}.affix-btn:hover .license-icon-left{animation:licenseSwingL 1s ease-out;}@keyframes licenseSwingL{0%{transform:rotate(0deg)}15%{transform:rotate(8deg)}30%{transform:rotate(-8deg)}45%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0deg)}}.affix-btn:hover .license-icon-right{animation:licenseSwingR 1s ease-out;}@keyframes licenseSwingR{0%{transform:rotate(0deg)}15%{transform:rotate(-8deg)}30%{transform:rotate(8deg)}45%{transform:rotate(-6deg)}60%{transform:rotate(4deg)}75%{transform:rotate(-2deg)}100%{transform:rotate(0deg)}}.aboutme-icon-eyel,.aboutme-icon-eyer{transform-origin:center;transition:transform .3s ease;}@keyframes blinkNaturalTwice{0%,12%,28%,42%,100%{transform:scaleY(1)}6%,22%{transform:scaleY(0)}10%,26%{transform:scaleY(0)}}.affix-btn:hover .aboutme-icon-eyel,.affix-btn:hover .aboutme-icon-eyer{animation:blinkNaturalTwice 1.6s ease forwards;}.public-modal{position:fixed;z-index:1001;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.40);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:opacity .3s,transform .3s,visibility 0s .3s;transform:translateY(-10px);}.public-modal.show{visibility:visible;opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s;}.public-modal.hidden{visibility:hidden;opacity:0;transform:translateY(-10px);}.public-modal-navbar{align-items:flex-start;}.public-modal-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;background-color:var(--page-bg);border:1px solid var(--neutral-w-24);box-shadow:0 24px 40px 0 var(--gallery-shadow) inset,0 24px 40px 0 var(--preview-shadow);margin:24px;padding:24px;border-radius:16px;width:100%;max-width:592px;position:relative;max-height:calc(90vh - 48px);}.public-modal-header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding-bottom:24px;gap:16px;width:100%;box-sizing:border-box;}.pubmodal-title-content{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;gap:6px;font-size:var(--font-20);line-height:var(--lineh-20-32);font-weight:500;}.pubmodal-title-symbol{color:var(--neutral-w-40);}.pubmodal-title{word-spacing:normal;word-break:break-all;color:var(--neutral-w-100);}.pubmodal-close-btn{border-radius:6px;padding:7px;cursor:pointer;background-color:var(--neutral-w-4);transition:background-color .3s;border:1px solid var(--neutral-w-4);}.pubmodal-close-btn svg{display:block;width:16px;height:16px;fill:var(--neutral-w-100);transform-origin:50% 50%;transition:transform .4s;}.pubmodal-close-btn:hover{background-color:var(--neutral-w-8);}.pubmodal-close-btn:hover svg{transform:rotate(-90deg);}.preview-tag-group{width:100%;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:6px;flex-wrap:wrap;padding-right:48px;}.preview-tag{background-color:var(--neutral-w-4);border:1px solid var(--neutral-w-4);color:var(--neutral-w-64);font-size:var(--font-12);line-height:var(--lineh-100p);padding:5px 8px;border-radius:4px;}.preview-svg-container{width:100%;box-sizing:border-box;padding:24px;margin:24px 0}.preview-svg-container svg{width:100%;height:auto;}.preview-svg-container pre{white-space:break-spaces;}.preview-download-group{display:flex;justify-content:flex-start;align-items:center;gap:12px;padding-left:1px;}.preview-download-btn{justify-content:center;padding:8px 14px 8px 12px;border-radius:6px;}.preview-download-btn:hover{color:var(--neutral-w-100);background-color:var(--neutral-w-8);border:1px solid var(--neutral-w-8);}.preview-download-btn .btn-text{font-size:var(--font-14);}.preview-download-btn svg{width:14px;height:14px;transition:opacity .3s,transform .3s;}.preview-download-btn:hover svg{animation:flyDownOnce .6s ease-in-out forwards;}@keyframes flyDownOnce{0%{transform:translateY(0%);opacity:1}40%{transform:translateY(50%);opacity:0}41%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0%);opacity:1}}.preview-bg-dots{position:absolute;width:calc(100% - 48px);height:240px;overflow:hidden;top:0;pointer-events:none;}.preview-dots{position:absolute;width:100%;height:100%;background-image:radial-gradient(circle at center,var(--neutral-w-24) 1px,transparent 1px);background-size:8px 8px;mask-image:radial-gradient(at center,var(--neutral-w-100),transparent 72%);-webkit-mask-image:radial-gradient(at center,var(--neutral-w-100),transparent 72%);mask-mode:match-source;-webkit-mask-mode:match-source;top:-125px;left:0;}.preview-bg-dots-bottom{top:auto;bottom:0;}.preview-dots-bottom{top:auto;bottom:-125px;}.preview-dots-bottom::before{content:"";position:absolute;left:0;bottom:-40px;width:100%;height:40px;border-top:1px solid var(--neutral-w-40);background:linear-gradient(to bottom,var(--neutral-w-8) 0%,var(--neutral-w-0) 100%);animation:dotScan 3s linear infinite;mix-blend-mode:lighten;}@keyframes dotScan{0%{bottom:-40px}100%{bottom:100%}}.modal-content-main{width:100%;overflow-y:auto;}.modal-desc{font-size:var(--font-14);line-height:var(--lineh-14-24);color:var(--neutral-w-100);}.modal-desc a{color:var(--brand-color-light);text-decoration:none;}.modal-desc a:hover{text-decoration:underline;}.modal-quote{box-shadow:1px 0 0 var(--neutral-w-8) inset;background:linear-gradient(90deg,var(--neutral-w-4) 0%,var(--neutral-w-0) 100%);border-radius:8px;padding:12px 16px;margin:24px 0 0 0;font-size:var(--font-14);line-height:var(--lineh-14-24);color:var(--neutral-w-64);}.modal-divider{width:100%;height:1px;margin:24px 0;border-bottom:1px dashed var(--neutral-w-8)}.modal-subtitle{margin:0;font-size:var(--font-14);line-height:var(--lineh-14-24);font-weight:500;color:var(--neutral-w-100);}.modal-list{margin:16px 0;padding-inline-start:32px;}.modal-list-item{margin:8px 0;font-size:var(--font-14);line-height:var(--lineh-14-24);color:var(--neutral-w-40);}.modal-contact-list{margin:16px 0 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;}.contact-list-item{display:flex;justify-content:flex-start;align-items:center;gap:8px;box-shadow:1px 0 0 var(--neutral-w-8) inset;background:linear-gradient(90deg,var(--neutral-w-4) 0%,var(--neutral-w-0) 100%);border-radius:8px;padding:12px 16px;}.contact-list-icon{display:flex;justify-content:center;align-items:center;transition:transform .3s;}.contact-list-item:hover .contact-list-icon{animation:shakeX .6s ease;}@keyframes shakeX{0%{transform:translateX(0)}25%{transform:translateX(-2px)}50%{transform:translateX(2px)}75%{transform:translateX(-2px)}100%{transform:translateX(0)}}.contact-list-icon svg{width:16px;height:16px;fill:var(--neutral-w-64);}.contact-list-text{display:flex;justify-content:flex-start;align-items:center;gap:4px;}.contact-list-text a{font-size:var(--font-14);line-height:var(--lineh-14-24);color:var(--neutral-w-40);text-decoration:none;transition:all .3s;}.contact-list-text a:hover{color:var(--neutral-w-64);text-decoration:underline;}.contact-list-text svg{width:16px;height:16px;fill:var(--neutral-w-40);}#intro-page .nav-bar{position:sticky;top:0;background-color:rgba(var(--page-bg) .4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:999;}.intro-module{max-width:var(--safe-width);margin:0 auto;position:relative;background-color:var(--page-bg);}.play-module::after,.count-module::after,.slogan-module::after,.plan-module::after{content:"";position:absolute;pointer-events:none;left:0;right:0;bottom:0;height:1px;background:linear-gradient(to right,var(--neutral-w-0),var(--neutral-w-24),var(--neutral-w-0));}.play-module{padding:80px 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;z-index:1;}.play-module::before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--page-bg) 0%,transparent 25%,transparent 75%,var(--page-bg) 100%);}.play-bg{position:relative;width:var(--safe-width);aspect-ratio:2 / 1;background-image:var(--intro-play-img);opacity:1;background-size:cover;background-position:center;background-repeat:no-repeat;transform-style:preserve-3d;z-index:0;pointer-events:none;}.play-bg-hidden{background-image:none;}.play-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}.play-lamp{position:absolute;width:var(--safe-width);aspect-ratio:2 / 1;background-image:var(--intro-play-lamp);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:4;pointer-events:none;}.play-scan-container{position:absolute;top:320px;width:182px;height:54px;background-image:var(--intro-play-scan);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:3;animation:rainScan 2s ease-in-out infinite alternate;pointer-events:none;}@keyframes rainScan{0%{transform:translateY(0)}100%{transform:translateY(-40px)}}.play-scan-lightning{position:absolute;width:100%;height:100%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:url(/assets/intro/play-scan-lightning.png);mask-image:url(/assets/intro/play-scan-lightning.png);}.play-scan-lightning div{position:absolute;width:40px;height:40px;bottom:-8px;left:8px;background:linear-gradient(to right,var(--neutral-w-0) 0%,var(--color-orange) 50%,var(--neutral-w-0) 100%);animation:playScanEffect .5s ease-in-out infinite alternate;}@keyframes playScanEffect{0%{transform:translateX(0)}100%{transform:translateX(126px)}}.play-rain-container{position:absolute;width:128px;height:168px;top:328px;display:flex;justify-content:center;align-items:center;z-index:2;pointer-events:none;}#rainCanvas{position:absolute;}.play-bg-border{position:absolute;width:var(--safe-width);aspect-ratio:2 / 1;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:url(/assets/intro/play-bg-border.png);mask-image:url(/assets/intro/play-bg-border.png);z-index:1;pointer-events:none;}.play-bg-border div{position:absolute;width:800px;height:800px;top:50%;left:50%;transform:translate(-50%,-50%);background:conic-gradient(from 0deg at 50.12% 50%,var(--neutral-w-0) 0deg,var(--neutral-w-12) 60deg,var(--neutral-w-0) 60.1deg),conic-gradient(from 0deg at 50.12% 50%,var(--neutral-w-0) 190deg,var(--neutral-w-12) 250deg,var(--neutral-w-0) 250.1deg),var(--neutral-w-0);animation:playBorderEffect 30s linear infinite;}@keyframes playBorderEffect{100%{transform:translate(-50%,-50%) rotate(1turn)}}.play-bg-trim{position:absolute;width:var(--safe-width);aspect-ratio:2 / 1;z-index:5;}.play-bg-trim-item{position:absolute;width:132px;height:134px;}.play-bg-trim-item::after{position:absolute;content:"";width:2px;height:2px;background-color:var(--neutral-w-0);border-radius:50%;top:12px;left:12px;box-shadow:106px 0 var(--neutral-w-0),0 108px var(--neutral-w-0),106px 108px var(--neutral-w-0);transition:background-color .3s,box-shadow .3s;}.play-bg-trim-item:hover::after{position:absolute;content:"";width:2px;height:2px;background-color:var(--neutral-w-40);border-radius:50%;top:12px;left:12px;box-shadow:106px 0 var(--neutral-w-40),0 108px var(--neutral-w-40),106px 108px var(--neutral-w-40);}.play-bg-trim-tl{top:162px;left:372px;}.play-trim-tl-box{position:absolute;width:32px;height:32px;border-radius:8px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}.tl-box-one{top:35px;left:34px;z-index:1;background:linear-gradient(to bottom,var(--neutral-w-8) 0%,var(--neutral-w-0) 100%)}.tl-box-two{top:51px;left:50px;z-index:2;background:linear-gradient(to bottom,var(--neutral-w-24) 0%,var(--neutral-w-0) 100%);}.tl-box-two::before{position:absolute;content:"";inset:1px;border-radius:7px;background:linear-gradient(to bottom,var(--page-bg) 0%,var(--page-bg) 100%);opacity:.8;}.tl-box-three{top:67px;left:66px;z-index:3;background:linear-gradient(to bottom,var(--neutral-w-40) 0%,var(--neutral-w-0) 100%);}.tl-box-three::before{position:absolute;content:"";inset:1px;border-radius:7px;background:linear-gradient(to bottom,var(--page-bg) 0%,var(--page-bg) 100%);opacity:.8;}@keyframes tlShrink{0%{transform:scale(1)}50%{transform:scale(.6)}100%{transform:scale(1)}}.play-bg-trim-tl:hover .tl-box-one{animation:tlShrink 1.2s ease-in-out infinite;}.play-bg-trim-tl:hover .tl-box-two{animation:tlShrink 1.2s ease-in-out infinite;animation-delay:.2s;}.play-bg-trim-tl:hover .tl-box-three{animation:tlShrink 1.2s ease-in-out infinite;animation-delay:.4s;}.play-bg-trim-tr{top:162px;left:696px;background-image:var(--intro-play-trim-tr);background-size:cover;background-position:center;background-repeat:no-repeat;}.play-trim-tr-circle{position:absolute;top:50%;left:50%;border:1px dashed var(--neutral-w-100);border-radius:50%;transform:translate(-50%,-50%);}.tr-ring-one{width:48px;height:48px;opacity:.28;}.tr-ring-two{width:56px;height:56px;opacity:.20;}.tr-ring-three{width:64px;height:64px;opacity:.16;}.tr-ring-four{width:72px;height:72px;opacity:.08;}.tr-ring-five{width:80px;height:80px;opacity:.04;}@keyframes trShrink{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(.8)}100%{transform:translate(-50%,-50%) scale(1)}}.play-bg-trim-tr:hover .tr-ring-one{animation:trShrink 2s infinite;}.play-bg-trim-tr:hover .tr-ring-two{animation:trShrink 2s infinite;animation-delay:.2s;}.play-bg-trim-tr:hover .tr-ring-three{animation:trShrink 2s infinite;animation-delay:.4s;}.play-bg-trim-tr:hover .tr-ring-four{animation:trShrink 2s infinite;animation-delay:.6s;}.play-bg-trim-tr:hover .tr-ring-five{animation:trShrink 2s infinite;animation-delay:.8s;}.play-bg-trim-bl{top:304px;left:372px;background-image:var(--intro-play-trim-bl);background-size:cover;background-position:center;background-repeat:no-repeat;}.play-bg-trim-bl::before{position:absolute;content:"";inset:0;background-image:var(--intro-play-trim-bl-fan);background-size:cover;background-position:center;background-repeat:no-repeat;}.play-bg-trim-bl:hover::before{animation:trimBl 2.5s ease-in-out infinite;}@keyframes trimBl{0%{transform:rotate(0deg)}50%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}.play-bg-trim-br{top:304px;left:696px;background-image:var(--intro-play-trim-br);background-size:cover;background-position:center;background-repeat:no-repeat;}.play-bg-trim-br::before{position:absolute;content:"";width:30px;height:30px;border:1px solid var(--neutral-w-12);border-radius:8px;left:20px;top:36px;}.play-bg-trim-br:hover::before{animation:trimBr 3s ease-in-out infinite alternate;}@keyframes trimBr{0%{transform:translate(0,0)}8%{transform:translate(0,0)}20%{transform:translate(30px,0)}32%{transform:translate(30px,0)}44%{transform:translate(60px,0)}56%{transform:translate(60px,0)}68%{transform:translate(0,30px)}80%{transform:translate(0,30px)}92%{transform:translate(30px,30px)}100%{transform:translate(30px,30px)}}.count-module{padding:0 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1;}.count-wrapper{width:100%;padding:0 96px;display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));box-sizing:border-box;}.count-item{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 24px 64px 24px;margin:1px 0;position:relative;overflow:hidden;}.count-item canvas{position:absolute;inset:0;pointer-events:none;z-index:-1;-webkit-mask-image:linear-gradient(to bottom,var(--neutral-w-100) 0%,var(--neutral-w-24) 30%,var(--neutral-w-0) 100%);mask-image:linear-gradient(to bottom,var(--neutral-w-100) 0%,var(--neutral-w-24) 30%,var(--neutral-w-0) 100%);}.count-item:nth-child(2){border-left:1px solid var(--neutral-w-4);border-right:1px solid var(--neutral-w-4);}.count-bg{position:absolute;width:100%;height:100%;transform:translateY(128px);background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.2;transition:opacity .3s,transform .3s;}#count-bg-one{background-image:var(--intro-count-img-1);}#count-bg-two{background-image:var(--intro-count-img-2);}#count-bg-three{background-image:var(--intro-count-img-3);}.count-item:hover .count-bg{transform:translateY(80px);opacity:1;}.count-item:hover .count-desc{opacity:0;}.count-title{background:linear-gradient(180deg,var(--neutral-w-100) 0%,var(--neutral-w-40) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:var(--font-32);line-height:var(--lineh-32-48);font-weight:700;letter-spacing:2px;}.count-desc{color:var(--neutral-w-40);font-size:var(--font-14);line-height:var(--lineh-14-24);transition:opacity .3s;}.soft-module{padding:0 24px;min-height:calc(100vh - 72px);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;z-index:1;}.soft-bg{position:relative;width:calc(100% - 2px);max-width:var(--safe-width-s);aspect-ratio:16 / 10;transform-style:preserve-3d;filter:blur(8px);transform:perspective(960px) rotateX(75deg) scaleY(.9);transform-origin:center top;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;}.soft-bg::after{content:"";position:absolute;pointer-events:none;inset:0;background-image:linear-gradient(to right,var(--neutral-w-0),var(--neutral-w-40),var(--neutral-w-0)),linear-gradient(to right,var(--neutral-w-0),var(--neutral-w-12),var(--neutral-w-0));background-repeat:no-repeat;background-size:100% 1px;background-position:top,bottom;opacity:0;transition:opacity .2s;box-shadow:0 8px 24px var(--neutral-w-8) inset;z-index:-1}.soft-bg.show-after::after{opacity:1;}.soft-bg::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--page-bg) 0%,transparent 25%,transparent 75%,var(--page-bg) 100%)}#soft-one-target.bg-one{background-image:var(--intro-app-notion);}#soft-one-target.bg-two{background-image:var(--intro-app-eagle);}#soft-one-target.bg-three{background-image:var(--intro-app-linear);}#soft-two-target.bg-one{background-image:var(--intro-web-vercel);}#soft-two-target.bg-two{background-image:var(--intro-web-gitbook);}#soft-two-target.bg-three{background-image:var(--intro-web-craft);}#soft-three-target.bg-one{background-image:var(--intro-secene-bento);}#soft-three-target.bg-two{background-image:var(--intro-secene-mobile);}#soft-three-target.bg-three{background-image:var(--intro-secene-card);}.soft-title-area{display:flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--neutral-w-8);background-color:var(--neutral-w-4);padding:11px 24px;border-radius:999px;margin-bottom:40px;opacity:0;transform:translateY(112px);position:relative;}.soft-title-area::before{position:absolute;content:"";pointer-events:none;transform-style:preserve-3d;transform-origin:top center;transform:perspective(140px) rotateX(30deg);filter:blur(8px);-webkit-filter:blur(8px);opacity:0;left:16%;right:16%;top:52px;height:240%;background-image:linear-gradient(to bottom,var(--soft-title-ray) 0%,var(--neutral-w-0) 100%);transition:opacity .2s;mix-blend-mode:overlay;animation:spotlightEffect 3s ease-in-out infinite alternate;}@keyframes spotlightEffect{0%{transform:perspective(140px) rotateX(30deg)}50%{transform:perspective(140px) rotateX(45deg)}100%{transform:perspective(140px) rotateX(30deg)}}.soft-title-area::after{position:absolute;content:"";pointer-events:none;transform-style:preserve-3d;transform:perspective(140px) rotateX(45deg);transform-origin:top center;opacity:0;left:16%;right:16%;top:52px;height:240%;border-top:1px dotted var(--neutral-w-100);transition:opacity .2s;}.soft-title-area.show-before::before{opacity:1;}.soft-title-area.show-after::after{opacity:1;}.soft-title{font-size:var(--font-14);line-height:var(--lineh-14-24);color:var(--neutral-w-100);}.soft-title span{color:var(--neutral-w-40);}.soft-title-area svg{width:16px;height:16px;}.soft-title-icon-app{fill:var(--color-blue);}.soft-title-icon-tab{fill:var(--color-rose);}.soft-title-icon-scene{fill:var(--color-orange);}.soft-appbar{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:6px;padding:6px;border-radius:16px;border:1px solid var(--neutral-w-8);margin-top:24px;opacity:0;transform:translateY(-78px);}.soft-tabbar{display:flex;justify-content:center;align-items:flex-end;flex-wrap:nowrap;gap:3px;padding:6px 8px 0 8px;border-radius:16px;border:1px solid var(--neutral-w-8);margin-top:24px;opacity:0;transform:translateY(-78px);}.soft-scenebar{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:6px;padding:6px;border-radius:16px;border:1px solid var(--neutral-w-8);margin-top:24px;opacity:0;transform:translateY(-78px);}.soft-item-wrapper{position:relative;cursor:not-allowed;}.soft-tab-wrapper{flex:1 1 96px;min-width:96px;max-width:240px;}.soft-item-btn{cursor:pointer;}.cursor-style-notion{cursor:var(--intro-cursor-notion) 0 0,auto;}.cursor-style-eagle{cursor:var(--intro-cursor-eagle) 0 0,auto;}.cursor-style-linear{cursor:var(--intro-cursor-linear) 0 0,auto;}.cursor-style-gitbook{cursor:var(--intro-cursor-gitbook) 0 0,auto;}.cursor-style-vercel{cursor:var(--intro-cursor-vercel) 0 0,auto;}.cursor-style-craft{cursor:var(--intro-cursor-craft) 0 0,auto;}.cursor-style-bento{cursor:var(--intro-cursor-bento) 0 0,auto;}.cursor-style-mobile{cursor:var(--intro-cursor-mobile) 0 0,auto;}.cursor-style-card{cursor:var(--intro-cursor-card) 0 0,auto;}.soft-item-indicator::before{content:"";position:absolute;width:3px;height:3px;border-radius:999px;left:50%;bottom:-5px;transform:translateX(-50%);background-color:var(--neutral-w-24);}.soft-tabbar .soft-item-indicator::before{content:"";position:absolute;width:0;height:0;}.soft-scenebar .soft-item-indicator::before{content:"";position:absolute;width:0;height:0;}.soft-item-indicator::after{content:"";position:absolute;width:1px;height:8px;border-radius:999px;left:50%;top:-18px;transform:translateX(-50%);background-color:var(--neutral-w-24);}.soft-item-indicator.active::before{background-color:var(--neutral-w-100);}.soft-item-indicator.active::after{background-color:var(--neutral-w-100);}.soft-app-content{display:flex;justify-content:center;align-items:center;filter:grayscale(0);opacity:.2;transition:opacity .3s,scale .3s,filter .3s;}.soft-app-img{width:40px;height:40px;}.soft-item-wrapper.active .soft-app-content{opacity:1;filter:grayscale(0);}.soft-app-content:hover{opacity:1;scale:1.2;filter:grayscale(0);}.soft-tab-content{display:flex;justify-content:flex-start;align-items:center;gap:6px;padding:8px 12px 14px 12px;border-radius:12px 12px 0 0;opacity:.4;transition:opacity .3s;position:relative;}.soft-appbar-divider{height:100%;}.soft-appbar-line{margin:12px 3px;width:1px;height:16px;background-color:var(--neutral-w-8);}.soft-tabbar-divider{height:100%;}.soft-tabbar-divider.hide{opacity:0;}.soft-tabbar-line{margin:14px 0 20px 0;width:1px;height:12px;background-color:var(--neutral-w-8);}.soft-item-wrapper.active .soft-tab-content::before{content:"";position:absolute;left:-12px;bottom:0;width:12px;height:12px;background:var(--neutral-w-4);mask-image:radial-gradient(circle 12px at 0% 0%,transparent 12px,black 12px);-webkit-mask-image:radial-gradient(circle 12px at 0% 0%,transparent 11.9px,black 12px);mask-mode:match-source;-webkit-mask-mode:match-source;}.soft-item-wrapper.active .soft-tab-content::after{content:"";position:absolute;right:-12px;bottom:0;width:12px;height:12px;background:var(--neutral-w-4);mask-image:radial-gradient(circle 12px at 100% 0%,transparent 12px,black 12px);-webkit-mask-image:radial-gradient(circle 12px at 100% 0%,transparent 11.9px,black 12px);mask-mode:match-source;-webkit-mask-mode:match-source;}.soft-tab-img{width:16px;height:16px;}.soft-tab-text{font-size:var(--font-13);line-height:var(--lineh-14-24);color:var(--neutral-w-100);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.soft-item-wrapper.active .soft-tab-content{background-color:var(--neutral-w-4);opacity:1;}.soft-tab-content:hover{opacity:1;}.soft-scene-content{display:flex;justify-content:center;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;opacity:.4;transition:opacity .3s;position:relative;}.soft-scene-img{width:16px;height:16px;fill:var(--neutral-w-100);}.soft-scene-text{font-size:var(--font-13);line-height:var(--lineh-14-24);color:var(--neutral-w-100);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.soft-item-wrapper.active .soft-scene-content{background-color:var(--neutral-w-4);opacity:1;}.soft-scene-content:hover{opacity:1;}.plan-module{padding:0 24px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:calc(100vh - 72px);z-index:1;}.plan-shadow{display:flex;flex-direction:column;align-items:center;position:absolute;width:100%;aspect-ratio:4 / 1;bottom:0;overflow:hidden;pointer-events:none;z-index:-1;}.plan-shadow::before{position:absolute;content:"";transform-style:preserve-3d;transform:perspective(800px) rotateX(75deg);transform-origin:bottom;filter:blur(8px);-webkit-filter:blur(8px);width:90%;height:100%;background-image:linear-gradient(to top,var(--neutral-w-4) 0%,var(--neutral-w-0) 100%);mix-blend-mode:overlay;}.plan-shadow-person{position:absolute;width:1px;background:linear-gradient(to bottom,var(--neutral-w-64),var(--neutral-w-8));pointer-events:none;}.person-one{opacity:.8;}.person-two{opacity:.6;}.person-three{opacity:1;}.plan-shadow-person::after{content:"";position:absolute;left:0;bottom:-1px;width:24px;height:1px;background:linear-gradient(to right,var(--neutral-w-24),var(--neutral-w-0));transform-origin:left top;filter:blur(1px);-webkit-filter:blur(1px);animation:shadowShift 3s ease-in-out infinite alternate;}.plan-shadow-person::before{content:"";position:absolute;left:-1.5px;top:-3px;width:4px;height:6px;border-radius:999px;background-color:var(--neutral-w-40);}@keyframes shadowShift{0%{transform:rotate(15deg)}100%{transform:rotate(30deg)}}.plan-shadow-particle{position:absolute;bottom:0;width:80%;height:100%;display:flex;align-items:flex-end;justify-content:center;overflow-x:hidden;}.plan-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;box-sizing:border-box;max-width:var(--safe-width);position:sticky;top:calc(32vh - 72px);}.plan-bg{width:100%;height:40px;pointer-events:none;display:flex;flex-direction:column;align-items:center;position:relative;opacity:0;transition:opacity .3s,transform .5s;transform:translateY(-120px);overflow:hidden;}.plan-bg-line{position:absolute;width:100%;height:100%;overflow:visible;}.grad-stop-1{stop-color:var(--color-rose);}.grad-stop-2{stop-color:var(--neutral-w-100);}.grad-stop-3{stop-color:var(--color-blue);}.plan-bg-line path{fill:none;stroke-width:1;stroke-linecap:round;}.plan-bg-line:nth-child(1) path{stroke:url(#grad1);filter:drop-shadow(0 0 6px var(--brand-color-light)) drop-shadow(0 0 10px var(--brand-color-light));}.plan-bg-line:nth-child(2) path{stroke:url(#grad2);filter:drop-shadow(0 0 6px var(--brand-color-light)) drop-shadow(0 0 10px var(--brand-color-light));}.plan-bg-line:nth-child(3) path{stroke:url(#grad3);filter:drop-shadow(0 0 6px var(--brand-color-light)) drop-shadow(0 0 10px var(--brand-color-light));}.plan-main{width:100%;max-width:960px;margin:64px 0 128px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}.plan-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;border-radius:12px;background-image:linear-gradient(to bottom,var(--page-bg) 0%,var(--neutral-w-4) 100%);border:1px solid var(--neutral-w-8);padding:24px;position:relative;}.plan-item::after{position:absolute;content:"";inset:0;border-radius:11px;opacity:0;background:radial-gradient(100% 70% at 0% 0%,var(--neutral-w-8) 0%,var(--neutral-w-0) 100%);transition:opacity .3s;pointer-events:none;}.plan-item:hover::after{opacity:1;}.plan-free{transform-origin:right top;transform:rotate(15deg) translateX(-50px);transition:transform .5s,opacity .3s;opacity:0;}.plan-free::before{position:absolute;content:"";right:8px;top:8px;width:8px;height:8px;border-radius:999px;border:1px dotted var(--neutral-w-64);background-color:var(--neutral-b-100);box-shadow:0 0 12px var(--neutral-w-40);}.plan-pro{z-index:1;margin-block:-16px;padding-block-start:40px;padding-block-end:40px;transform:translateY(120px);transition:transform .5s,opacity .3s;opacity:0;}.plan-enterprise{transform-origin:left top;transform:rotate(-15deg) translateX(50px);transition:transform .5s,opacity .3s;opacity:0;}.plan-enterprise::before{position:absolute;content:"";left:8px;top:8px;width:8px;height:8px;border-radius:999px;border:1px dotted var(--neutral-w-64);background-color:var(--neutral-b-100);box-shadow:0 0 12px var(--neutral-w-40);}.plan-item-header{width:100%;border-bottom:1px dashed var(--neutral-w-8);padding-bottom:16px;}.plan-item-title{color:var(--neutral-w-100);font-size:var(--font-24);line-height:var(--lineh-24-36);font-weight:500;padding-bottom:8px;}.plan-item-price{display:flex;align-items:flex-start;gap:4px;color:var(--neutral-w-64);font-size:var(--font-18);line-height:var(--lineh-18-28);font-weight:500;}.plan-price-symbol{padding-top:2px;font-size:var(--font-12);line-height:var(--lineh-12-20);}.plan-item-list{width:100%;height:100%;padding:16px 0;margin:0;}.plan-list-item{width:100%;display:flex;align-items:center;gap:12px;list-style:none;margin:8px 0 16px 0;padding:0;}.plan-list-item svg{width:16px;height:16px;fill:var(--brand-color-light);}.plan-list-item span{color:var(--neutral-w-100);font-size:var(--font-14);line-height:var(--lineh-14-24);}.plan-list-item-no svg{fill:var(--neutral-w-40);}.plan-list-item-no span{text-decoration:line-through;color:var(--neutral-w-40);}.plan-item-action{width:100%;}.base-btn{padding:11px 24px;border-radius:8px;cursor:pointer;}.base-btn a{font-size:var(--font-14);line-height:var(--lineh-14-24);text-decoration:none;display:block;text-align:center;}.normal-btn{background-color:var(--neutral-w-4);border:1px solid var(--neutral-w-8);transition:background-color .3s;}.normal-btn:hover{background-color:var(--neutral-w-8);}.normal-btn a{color:var(--neutral-w-100);}.primary-btn{background-color:var(--neutral-w-100);border:1px solid var(--neutral-w-0);transition:background-color .3s;}.primary-btn:hover{background-color:var(--neutral-w-64);}.primary-btn a{color:var(--neutral-b-100);}.plan-item .preview-bg-dots{height:180px;}.plan-item .preview-dots{top:-93px;}.slogan-module{padding:0 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 146px);position:sticky;bottom:0;perspective:960px;overflow:hidden;}.slogan-bg-wrapper{position:absolute;width:calc(100% - 2px);max-width:calc(var(--safe-width) - 2px);aspect-ratio:2 / 1;transform-origin:center center;opacity:0;transform:scale(2);transition:transform .2s,opacity .2s;will-change:transform,opacity;overflow:hidden;}.slogan-bg{width:100%;height:100%;background-image:var(--intro-slogan-img);background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .2s;will-change:transform;}.slogan-wrapper{width:100%;padding:0 24px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:1;}.slogan-desc{display:inline-block;transition:transform .2s;will-change:transform;padding:8px 0;-webkit-mask-image:linear-gradient(to right,var(--neutral-w-24) 0%,var(--neutral-w-100) 50%,var(--neutral-w-24) 100%);mask-image:linear-gradient(to right,var(--neutral-w-24) 0%,var(--neutral-w-100) 50%,var(--neutral-w-24) 100%);}.slogan-desc span{color:var(--neutral-w-100);font-weight:200;display:inline-block;padding:0 3px;animation:waveFloat 2s ease-in-out infinite;}.slogan-desc span:nth-child(1){animation-delay:0s}.slogan-desc span:nth-child(2){animation-delay:.1s}.slogan-desc span:nth-child(3){animation-delay:.2s}.slogan-desc span:nth-child(4){animation-delay:.3s}.slogan-desc span:nth-child(5){animation-delay:.4s}.slogan-desc span:nth-child(6){animation-delay:.5s}.slogan-desc span:nth-child(7){animation-delay:.6s}.slogan-desc span:nth-child(8){animation-delay:.7s}.slogan-desc span:nth-child(9){animation-delay:.8s}.slogan-desc span:nth-child(10){animation-delay:.9s}@keyframes waveFloat{0%{transform:translateY(0)}50%{transform:translateY(-6px)}100%{transform:translateY(0)}}@media screen and (max-width:960px){.filter-area{flex-direction:column;justify-content:flex-start}.style-container,.style-button,.filter-right-content,.search-container{width:100%}.style-button{justify-content:center}.count-wrapper{padding:0}.plan-module{height:auto}.plan-wrapper{top:0;position:relative}.plan-main{grid-template-columns:repeat(1,minmax(0,1fr))}.plan-pro{margin-block-end:0;padding-block-end:24px}.plan-free{transform:rotate(0) translateX(0)}.plan-enterprise{transform:rotate(0) translateX(0)}}@media screen and (max-width:640px){:root{--safe-width-s:100%}.banner-container{padding:72px 24px}.banner-actions{flex-direction:column}.banner-title{font-size:var(--font-32);line-height:var(--lineh-32-48);margin-bottom:16px}.banner-desc{font-size:var(--font-14);line-height:var(--lineh-14-24)}.filter-right-content{flex-direction:column}.category-container,.category-select{width:100%}.footer{padding:25px 24px;flex-direction:column;justify-content:center}.affix-actions{bottom:24px;right:24px}.pubmodal-title-content{font-size:var(--font-18)}.preview-download-btn{width:100%}.desktop-only{display:none}.mobile-only{display:block}.count-item{margin:0 1px}.count-wrapper{padding:0;grid-template-columns:repeat(1,minmax(128px,1fr))}.count-item:nth-child(2){border-left:none;border-right:none;border-top:1px solid var(--neutral-w-4);border-bottom:1px solid var(--neutral-w-4)}.slogan-module{height:calc(100vh - 176px)}.slogan-appicon-wrapper{padding:16px;margin-bottom:24px;border-radius:12px}.slogan-appicon{width:24px;height:24px}.soft-appbar{border-radius:12px;margin-top:16px;transform:translateY(-62px)}.soft-appbar-line{margin:10px 3px;width:1px;height:12px}.soft-tabbar{padding:6px 6px 0 6px;border-radius:12px;margin-top:16px;transform:translateY(-62px)}.soft-tabbar-line{margin:10px 0 16px 0}.soft-scenebar{border-radius:12px;margin-top:16px;transform:translateY(-62px)}.soft-tab-wrapper{flex:1 1 40px;min-width:40px}.soft-title-area{padding:9px 16px;margin-bottom:40px;transform:translateY(84px)}.soft-title span{display:none}.soft-app-img{width:32px;height:32px}.soft-tab-content{border-radius:8px 8px 0 0}.soft-tab-text{display:none}.soft-item-wrapper.active .soft-tab-content::before{left:-8px;width:8px;height:8px;mask-image:radial-gradient(circle 8px at 0% 0%,transparent 8px,black 8px);-webkit-mask-image:radial-gradient(circle 8px at 0% 0%,transparent 7.9px,black 8px)}.soft-item-wrapper.active .soft-tab-content::after{right:-8px;width:8px;height:8px;mask-image:radial-gradient(circle 8px at 100% 0%,transparent 8px,black 8px);-webkit-mask-image:radial-gradient(circle 8px at 100% 0%,transparent 7.9px,black 8px)}.soft-scene-content{padding:8px}.soft-scene-text{display:none}.plan-item-title{font-size:var(--font-20);line-height:var(--lineh-20-32)}}