*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--bg2:#f7f6f3;--bg3:#eeedea;--text:#1a1a1a;--text2:#555;--text3:#999;--green:#00875a;--green-bg:#e3fcef;--green-border:#abf5d1;--blue:#0052cc;--blue-bg:#deebff;--orange:#ff5630;--orange-bg:#fff0e6;--border:#e2e0dc;--shadow:0 1px 3px #0000000f;--font:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--mono:"JetBrains Mono", "Menlo", monospace;--heading:"Space Grotesk", "Noto Sans SC", sans-serif}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.75;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1120px;margin:0 auto;padding:0 24px}#globe-bg{z-index:0;pointer-events:none;background:radial-gradient(at 60% 35%,#00875a0a 0%,#0000 55%);transition:opacity .8s;position:fixed;inset:0}#globe-bg canvas{width:100%;height:100%;display:block}section,footer{z-index:1;position:relative}.cur-dot{background:var(--green);pointer-events:none;z-index:10001;opacity:0;mix-blend-mode:difference;border-radius:50%;width:6px;height:6px;transition:opacity .3s;position:fixed;transform:translate(-50%,-50%)}.cur-ring{pointer-events:none;z-index:10001;opacity:0;border:1.5px solid #00875a59;border-radius:50%;width:36px;height:36px;transition:width .3s,height .3s,border-color .3s,background .3s,opacity .3s;position:fixed;transform:translate(-50%,-50%)}.cur-ring.hover{border-color:var(--green);background:#00875a0a;width:56px;height:56px}.cur-ripple{border:2px solid var(--green);pointer-events:none;z-index:10000;border-radius:50%;width:20px;height:20px;animation:.5s ease-out forwards cRipple;position:fixed;transform:translate(-50%,-50%)scale(0)}@keyframes cRipple{to{opacity:0;transform:translate(-50%,-50%)scale(3)}}@media (width<=768px){.cur-dot,.cur-ring{display:none!important}body,a,button,input{cursor:auto}}.nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border-bottom:1px solid #0000;transition:border .3s;position:fixed;top:0;left:0;right:0}.nav.scrolled{border-bottom-color:var(--border)}.nav-inner{justify-content:space-between;align-items:center;max-width:1120px;height:64px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{font-family:var(--heading);align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.nav-logo svg{width:28px;height:28px}.nav-links{align-items:center;gap:28px;list-style:none;display:flex}.nav-links a{color:var(--text2);font-size:.875rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text);text-decoration:none}.nav-cta{background:var(--text);border-radius:8px;padding:8px 20px;font-size:.85rem;font-weight:600;transition:all .2s;color:#fff!important}.nav-cta:hover{opacity:.85;transform:translateY(-1px)}.nav-menu{cursor:pointer;background:0 0;border:none;display:none}@media (width<=768px){.nav-links{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);background:#ffffffc7;border-bottom:1px solid #0000;flex-direction:column;gap:16px;max-height:0;padding:0 24px;transition:max-height .38s cubic-bezier(.4,0,.2,1),opacity .28s,transform .32s cubic-bezier(.4,0,.2,1),padding .38s cubic-bezier(.4,0,.2,1),border-color .3s;display:flex;position:absolute;top:64px;left:0;right:0;overflow:hidden;transform:translateY(-8px)}.nav-links.open{opacity:1;pointer-events:auto;border-bottom-color:var(--border);max-height:320px;padding:16px 24px;transform:translateY(0)}.nav-links li{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(-6px)}.nav-links.open li{opacity:1;transform:translateY(0)}.nav-links.open li:first-child{transition-delay:60ms}.nav-links.open li:nth-child(2){transition-delay:.11s}.nav-links.open li:nth-child(3){transition-delay:.16s}.nav-links.open li:nth-child(4){transition-delay:.21s}.nav-menu{display:block}}.hero{text-align:center;padding:140px 0 100px;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle, var(--green-bg) 0%, transparent 70%);pointer-events:none;opacity:.5;width:800px;height:800px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.hero-badge{background:var(--green-bg);border:1px solid var(--green-border);color:var(--green);border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:.8rem;font-weight:500;display:inline-flex;position:relative}.hero-badge .dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}h1{font-family:var(--heading);letter-spacing:-.03em;font-weight:900;line-height:1.1}.hero h1{margin-bottom:20px;font-size:clamp(2.2rem,5.5vw,4rem)}.hero-sub{color:var(--text2);max-width:540px;margin:0 auto 36px;font-size:1.1rem;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn{font-family:var(--font);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--green);color:#fff;box-shadow:0 2px 8px #00875a33}.btn-primary:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 20px #00875a4d}.btn-outline{color:var(--text);border:1.5px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--text);text-decoration:none}.hero-visual{max-width:860px;margin:60px auto 0;position:relative}.hero-visual svg{border-radius:12px;width:100%;height:auto;box-shadow:0 20px 60px #00000014,0 1px 3px #0000000f}.section{padding:100px 0}.section-alt{background:var(--bg2)}.section-label{color:var(--green);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;font-size:.75rem;font-weight:700;display:inline-block}.section-title{font-family:var(--heading);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800}.section-desc{color:var(--text2);max-width:520px;font-size:.95rem;line-height:1.8}.stats{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.stat{text-align:center;padding:36px 20px}.stat-num{font-family:var(--heading);color:var(--green);font-size:2.5rem;font-weight:800;line-height:1}.stat-suffix{opacity:.6;font-size:1.2rem}.stat-label{color:var(--text3);margin-top:6px;font-size:.85rem}@media (width<=560px){.stats{grid-template-columns:1fr;gap:0}.stat{border-bottom:1px solid var(--border);padding:24px 16px}.stat:last-child{border-bottom:none}}.feature-row{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.feature-row.reverse{direction:rtl}.feature-row.reverse>*{direction:ltr}.feature-text{padding:20px 0}.feature-visual{position:relative}@media (width<=768px){.feature-row,.feature-row.reverse{direction:ltr;grid-template-columns:1fr;gap:32px}.feature-row.reverse>*{direction:ltr}.feature-text{padding:0}}.feature-visual-box{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:24px;overflow:hidden;box-shadow:0 4px 16px #0000000a}.feature-highlights{flex-direction:column;gap:10px;margin-top:20px;list-style:none;display:flex}.feature-highlights li{color:var(--text2);align-items:flex-start;gap:10px;font-size:.9rem;display:flex}.feature-highlights li svg{flex-shrink:0;width:18px;height:18px;margin-top:2px}.svg-illu{width:100%;height:auto}.svg-illu text{font-family:JetBrains Mono,Noto Sans SC,monospace}.json-popup{opacity:0;animation:.3s forwards jsonPopIn;transform:translateY(-4px)}@keyframes jsonPopIn{to{opacity:1;transform:translateY(0)}}.compile-fill-anim{transform-origin:0;animation:2s cubic-bezier(.4,0,.2,1) 2s forwards compileGrow}@keyframes compileGrow{0%{width:0}to{width:100%}}@keyframes flowDash{to{stroke-dashoffset:0}}@keyframes scanLine{0%{transform:translate(-100%)}to{transform:translate(440px)}}.test-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:36px;display:grid}.test-card{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:28px}.test-stars{gap:3px;margin-bottom:14px;display:flex}.test-stars svg{width:16px;height:16px}.test-text{color:var(--text);margin-bottom:16px;font-size:.9rem;font-style:italic;line-height:1.7}.test-author{align-items:center;gap:10px;display:flex}.test-avatar{background:var(--green-bg);width:36px;height:36px;color:var(--green);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.test-name{font-size:.85rem;font-weight:600}.test-role{color:var(--text3);font-size:.75rem}@media (width<=560px){.test-grid{grid-template-columns:1fr}}.video-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:36px;display:grid}.video-card{background:var(--bg2);border:1px solid var(--border);text-align:center;cursor:pointer;border-radius:16px;padding:40px 24px;transition:all .2s}.video-card:hover{border-color:var(--green);box-shadow:0 8px 24px #0000000f}.video-card svg{margin:0 auto 16px}.video-card h3{font-family:var(--heading);margin-bottom:6px;font-size:1.1rem;font-weight:700}.video-card p{color:var(--text2);font-size:.85rem}@media (width<=560px){.video-grid{grid-template-columns:1fr}}.community-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.community-btn{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.community-btn:hover{border-color:var(--text);text-decoration:none}.community-btn svg{width:18px;height:18px}.pricing-grid{grid-template-columns:1fr 1fr;gap:24px;max-width:760px;margin:40px auto 0;display:grid}@media (width<=768px){.pricing-grid{grid-template-columns:1fr;max-width:560px}}.pricing-card{background:var(--bg);border:1.5px solid var(--border);border-radius:16px;padding:36px 28px}.pricing-card.featured{border-color:var(--green);box-shadow:0 4px 24px #00875a14}.pricing-badge{background:var(--green-bg);color:var(--green);text-transform:uppercase;letter-spacing:.06em;border-radius:6px;margin-bottom:16px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-block}.pricing-name{font-family:var(--heading);margin-bottom:4px;font-size:1.3rem;font-weight:700}.pricing-price{font-family:var(--heading);margin-bottom:4px;font-size:2.5rem;font-weight:800}.pricing-price span{color:var(--text3);font-size:.9rem;font-weight:400}.pricing-desc{color:var(--text2);margin-bottom:24px;font-size:.85rem;line-height:1.6}.pricing-list{flex-direction:column;gap:8px;margin-bottom:28px;list-style:none;display:flex}.pricing-list li{color:var(--text2);align-items:center;gap:8px;font-size:.85rem;display:flex}.pricing-list li svg{flex-shrink:0;width:16px;height:16px}.pricing-list .check{color:var(--green)}.email-row{gap:8px;display:flex}.email-row input{border:1.5px solid var(--border);min-width:0;font-family:var(--font);border-radius:8px;outline:none;flex:1;padding:12px 14px;font-size:.85rem;transition:border .2s}.email-row input:focus{border-color:var(--green)}.email-row button{background:var(--green);color:#fff;font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:12px 18px;font-size:.85rem;font-weight:600;transition:all .2s}.email-row button:hover{opacity:.9}.progress-wrap{margin-top:16px}.progress-info{color:var(--text3);justify-content:space-between;margin-bottom:6px;font-size:.75rem;display:flex}.progress-track{background:var(--bg3);border-radius:3px;height:5px;overflow:hidden}.progress-bar{background:var(--green);border-radius:3px;width:0;height:100%;transition:width 2s cubic-bezier(.4,0,.2,1)}.footer{border-top:1px solid var(--border);padding:40px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.footer-logo{font-family:var(--heading);font-size:.95rem;font-weight:700}.footer-copy{color:var(--text3);font-size:.78rem}.footer-links{gap:20px;list-style:none;display:flex}.footer-links a{color:var(--text3);font-size:.78rem}.footer-links a:hover{color:var(--text)}@media (width<=560px){.footer-inner{text-align:center;flex-direction:column}}.anim{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.anim.show{opacity:1;transform:translateY(0)}.anim-delay-1{transition-delay:.1s}.anim-delay-2{transition-delay:.2s}.anim-delay-3{transition-delay:.3s}.pricing-card .email-row{flex-direction:column;gap:12px}.pricing-card .email-row input{width:100%}.pricing-card .email-row button{justify-content:center;width:100%}.email-col{flex-direction:column;gap:12px;width:100%;display:flex}.email-col input{border:1.5px solid var(--border);width:100%;font-family:var(--font);box-sizing:border-box;border-radius:8px;outline:none;padding:12px 14px;font-size:.85rem;transition:border .2s}.email-col input:focus{border-color:var(--green)}.email-col button{background:var(--green);color:#fff;width:100%;font-family:var(--font);cursor:pointer;box-sizing:border-box;border:none;border-radius:8px;padding:12px 18px;font-size:.85rem;font-weight:600;transition:all .2s}.email-col button:hover{opacity:.9}.dl-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(12px);background:#00000073;justify-content:center;align-items:center;animation:.25s dlFadeIn;display:none;position:fixed;inset:0}.dl-modal-overlay.active{display:flex}.dl-modal-box{text-align:center;background:#fff;border-radius:16px;width:90%;max-width:420px;padding:40px 36px 32px;animation:.3s dlSlideUp;box-shadow:0 20px 60px #0003}.dl-modal-icon{margin-bottom:12px;font-size:48px}.dl-modal-title{color:#1a1a1a;margin:0 0 12px;font-size:20px;font-weight:700}.dl-modal-desc{color:#555;margin:0 0 28px;font-size:15px;line-height:1.6}.dl-modal-actions{justify-content:center;gap:12px;display:flex}.dl-btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:12px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.dl-btn-register{color:#fff;background:#00875a}.dl-btn-register:hover{background:#006e48;transform:translateY(-1px)}.dl-btn-download{color:#555;background:#f5f4f1;border:1px solid #e2e0dc}.dl-btn-download:hover{background:#eae9e5;transform:translateY(-1px)}.feature-row{scroll-margin-top:80px}.feature-row .section-label{letter-spacing:.05em;text-transform:uppercase;color:#00875a;background:#e3fcef;border-radius:20px;margin-bottom:12px;padding:2px 14px;font-size:12px;font-weight:600;display:inline-block}.feature-row .section-title{letter-spacing:-.02em;margin:0 0 16px;font-size:32px;font-weight:700;line-height:1.2}.feature-row .section-desc{color:#555;max-width:480px;margin-bottom:24px;font-size:16px;line-height:1.7}.feature-row .feature-highlights{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.feature-row .feature-highlights li{color:#333;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.feature-row .feature-highlights li svg{flex-shrink:0;width:18px;height:18px;margin-top:2px}.feature-row .feature-visual-box{background:#fafaf8;border:1px solid #e2e0dc;border-radius:12px;padding:6px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.feature-row .feature-visual-box svg{border-radius:8px;width:100%;height:auto;display:block}@media (width<=760px){.feature-row{flex-direction:column!important;margin-top:60px!important}.feature-row .feature-text,.feature-row .feature-visual{width:100%!important;padding:0!important}.feature-row .section-title{font-size:24px}.feature-row .section-desc{max-width:100%;font-size:14px}}@keyframes dlFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dlSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){#globe-bg{background:radial-gradient(at 50% 30%,#00875a0f 0%,#0000 40%);opacity:.6!important}}@supports (height:100dvh){#globe-bg{height:100dvh}}@media (hover:none){.video-card:hover,.pricing-card.featured:hover,.btn-primary:hover,.btn-outline:hover,.nav-cta:hover{box-shadow:none!important;transform:none!important}}.hero-visual{transform:translateY(var(--parallax,0px));will-change:transform}.btn-primary,.btn-outline{position:relative;overflow:hidden}.btn-primary:after{content:"";left:var(--mx,50%);top:var(--my,50%);pointer-events:none;background:radial-gradient(circle,#ffffff59 0%,#0000 70%);width:0;height:0;transition:width .4s,height .4s;position:absolute;transform:translate(-50%,-50%)}.btn-primary:hover:after{width:260px;height:260px}.draw{stroke-dasharray:var(--len,200);stroke-dashoffset:var(--len,200);animation:1.6s cubic-bezier(.4,0,.2,1) forwards drawIn;animation-delay:var(--delay,0s)}@keyframes drawIn{to{stroke-dashoffset:0}}.feature-row.anim{transition-duration:.7s}.feature-row.anim-delay-1{transition-delay:80ms}.feature-row.anim-delay-2{transition-delay:.16s}.feature-row.anim-delay-3{transition-delay:.24s}@media (hover:hover){.test-card,.video-card{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.test-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000000f}}.stat-num{font-variant-numeric:tabular-nums}.progress-bar{position:relative;overflow:hidden}.progress-bar:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff59 50%,#0000 100%);animation:2.4s ease-in-out infinite progressShine;position:absolute;inset:0}@keyframes progressShine{0%{transform:translate(-100%)}60%{transform:translate(100%)}to{transform:translate(100%)}}@supports (padding:env(safe-area-inset-bottom)){.footer{padding-bottom:calc(40px + env(safe-area-inset-bottom))}.nav-inner{padding-left:max(24px, env(safe-area-inset-left));padding-right:max(24px, env(safe-area-inset-right))}}@media (width<=480px){.dl-modal-box{max-width:92%;padding:32px 24px 24px}.dl-modal-actions{flex-direction:column;gap:10px}.dl-btn{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.anim{opacity:1!important;transform:none!important}}.character{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;position:relative}.character img{filter:drop-shadow(0 12px 32px #00875a1f);width:320px;max-width:70vw;height:auto;transition:transform .6s cubic-bezier(.4,0,.2,1);display:block}.character-stand{justify-content:center;margin-top:-40px;margin-bottom:-120px;padding:0}.character-stand.anim.show img{animation:4s ease-in-out infinite characterFloat}.character-sit{justify-content:flex-end;margin-top:-40px;margin-bottom:-80px;padding:0 40px 0 0}.character-sit.anim.show img{animation:5s ease-in-out .6s infinite characterFloat}@keyframes characterFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=768px){.character img{width:220px;max-width:60vw}.character-stand{margin-top:-10px}.character-sit{margin-bottom:-10px}}@media (prefers-reduced-motion:reduce){.character-stand.anim.show img,.character-sit.anim.show img{animation:none}}.showcase-stage{justify-content:center;align-items:center;height:720px;display:flex;position:relative;overflow:hidden}.showcase-layer{will-change:transform, opacity;justify-content:center;align-items:center;transition:transform .7s cubic-bezier(.4,0,.2,1),opacity .7s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.showcase-layer img{-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:24px;width:300px;height:auto;box-shadow:0 24px 60px #00000029}.offset-0{z-index:3;opacity:1;transform:translate(0)rotate(-4deg)scale(1)}.offset-1{z-index:2;opacity:.5;filter:blur(.6px);transform:translate(-120px)rotate(-9deg)scale(.9)}.offset-2{z-index:1;opacity:.28;filter:blur(1.2px);transform:translate(120px)rotate(3deg)scale(.88)}.showcase-dots{justify-content:center;gap:8px;margin-top:24px;display:flex}.showcase-dots span{background:var(--border);cursor:pointer;border-radius:50%;width:8px;height:8px;transition:all .3s}.showcase-dots span.active{background:var(--green);border-radius:4px;width:24px}.showcase-arrow{border:1.5px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:40px;height:40px;color:var(--text);cursor:pointer;z-index:10;background:#ffffffd9;border-radius:50%;font-size:22px;line-height:1;transition:all .2s;display:none;position:absolute;top:50%;transform:translateY(-50%)}.showcase-arrow:hover{border-color:var(--green);color:var(--green)}.showcase-arrow.left{left:8px}.showcase-arrow.right{right:8px}@media (width<=768px){.showcase-stage{height:620px}.showcase-layer img{border-radius:20px;width:240px}.offset-1,.offset-2{opacity:0;pointer-events:none;transform:scale(.88)}.showcase-arrow{justify-content:center;align-items:center;display:flex}}@media (prefers-reduced-motion:reduce){.showcase-layer{transition:none}}.fs-stage{grid-template-columns:repeat(2,1fr);gap:16px;transition:opacity .22s,transform .22s;display:grid;position:relative}.fs-stage.is-out{opacity:0;transform:translateY(6px)}.fs-item{aspect-ratio:9/19.5;cursor:zoom-in;background:#f0efec;border-radius:16px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 10px 28px #0000001a,inset 0 0 0 1px #0000000a}.fs-item img{object-fit:contain;width:100%;height:100%;padding:4px;transition:transform .4s;display:block}.fs-item:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001a}.fs-item:hover img{transform:scale(1.04)}.fs-arrow{border:1.5px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:36px;height:36px;color:var(--text);cursor:pointer;z-index:5;opacity:0;background:#fffffff0;border-radius:50%;justify-content:center;align-items:center;font-size:20px;line-height:1;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.fs-stage:hover .fs-arrow{opacity:1}.fs-arrow:hover{border-color:var(--green);color:var(--green)}.fs-arrow.left{left:-14px}.fs-arrow.right{right:-14px}.fs-dots{justify-content:center;gap:8px;margin-top:18px;display:flex}.fs-dots span{background:var(--border);cursor:pointer;border-radius:50%;width:8px;height:8px;transition:all .3s}.fs-dots span.active{background:var(--green);border-radius:4px;width:22px}.fs-lightbox{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:zoom-out;background:#000000d1;justify-content:center;align-items:center;padding:24px;animation:.22s dlFadeIn;display:flex;position:fixed;inset:0}.fs-lightbox img{object-fit:contain;border-radius:12px;max-width:92vw;max-height:92vh;box-shadow:0 20px 60px #0006}@media (width<=768px){.fs-stage{grid-template-columns:repeat(2,1fr);gap:10px}.fs-item{border-radius:10px}.fs-arrow{opacity:1;width:32px;height:32px}.fs-arrow.left{left:-8px}.fs-arrow.right{right:-8px}}@media (prefers-reduced-motion:reduce){.fs-stage,.fs-item,.fs-item img{transition:none}}.feat-shots{width:100%}.fs-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.fs-tab{border:1.5px solid var(--border);color:var(--text2);font-family:var(--font);cursor:pointer;background:0 0;border-radius:999px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:all .2s}.fs-tab:hover{border-color:var(--green);color:var(--green)}.fs-tab.active{background:var(--green);color:#fff;border-color:var(--green)}.shot-viewer{width:100%}.sv-static{grid-template-columns:repeat(var(--per-page,2), 1fr);gap:16px;display:grid}.sv-stage{grid-template-columns:repeat(var(--per-page,2), 1fr);gap:14px;transition:opacity .22s,transform .22s;display:grid;position:relative}.sv-stage.is-out{opacity:0;transform:translateY(6px)}.sv-item{aspect-ratio:9/19.5;cursor:zoom-in;background:#f0efec;border-radius:16px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 10px 28px #0000001a,inset 0 0 0 1px #0000000a}.sv-item img{object-fit:contain;width:100%;height:100%;padding:4px;transition:transform .4s;display:block}.sv-item:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000024}.sv-item:hover img{transform:scale(1.03)}.sv-arrow{border:1.5px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:36px;height:36px;color:var(--text);cursor:pointer;z-index:5;opacity:0;background:#fffffff0;border-radius:50%;justify-content:center;align-items:center;font-size:20px;line-height:1;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.sv-stage:hover .sv-arrow{opacity:1}.sv-arrow:hover{border-color:var(--green);color:var(--green)}.sv-arrow.left{left:-14px}.sv-arrow.right{right:-14px}.sv-dots{justify-content:center;gap:8px;margin-top:16px;display:flex}.sv-dots span{background:var(--border);cursor:pointer;border-radius:50%;width:8px;height:8px;transition:all .3s}.sv-dots span.active{background:var(--green);border-radius:4px;width:22px}.sv-lightbox{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:zoom-out;background:#000000d1;justify-content:center;align-items:center;padding:24px;animation:.22s dlFadeIn;display:flex;position:fixed;inset:0}.sv-lightbox img{object-fit:contain;border-radius:12px;max-width:92vw;max-height:92vh;box-shadow:0 20px 60px #0006}@media (width<=768px){.sv-static,.sv-stage{gap:10px}.sv-item{border-radius:12px}.sv-arrow{opacity:1;width:32px;height:32px}.sv-arrow.left{left:-8px}.sv-arrow.right{right:-8px}.fs-tab{padding:6px 14px;font-size:.8rem}}@media (prefers-reduced-motion:reduce){.sv-stage,.sv-item,.sv-item img{transition:none}}.fs-skeleton{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.fs-skeleton-box{aspect-ratio:9/19.5;background:linear-gradient(100deg,#f0efec 0%,#e5e4e0 40%,#f0efec 80%) 0 0/200% 100%;border-radius:16px;animation:1.4s ease-in-out infinite fsShimmer}@keyframes fsShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=768px){.fs-skeleton-box{border-radius:12px}}