@layer properties,theme,base,components,utilities;html{scroll-behavior:smooth}body{overflow-x:hidden}@layer components{.hero{background:#3db8ff;text-align:center;overflow:hidden}.hero-label{font-size:15px;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:.02em}.hero h1{font-size:clamp(34px,5.5vw,68px);font-weight:900;color:#fff;line-height:1.15;margin-bottom:20px;letter-spacing:-.02em}.hero-sub{font-size:clamp(15px,1.5vw,18px);font-weight:400;color:#ffffffe6;margin-bottom:36px}.btn-hero-trial{display:inline-block;background:var(--bg-dark);color:#fff;border-radius:50px;font-weight:700;cursor:pointer;border:none;transition:background .2s}.btn-hero-trial:hover{background:#2d2d4a}.hero-mockup-mobile{display:none}.hero-device-frame{max-width:900px;margin:0 auto;background:#1c1c1c;border-radius:20px 20px 0 0;padding:10px 12px 0;box-shadow:0 -8px 60px #00000059}.hero-mockup{background:#fff;border-radius:12px 12px 0 0;overflow:hidden}.hero-mockup-placeholder{padding:20px 24px;display:flex;flex-direction:column;gap:12px}.mockup-header{display:flex;align-items:center;gap:10px;border-bottom:1px solid #eee;padding-bottom:12px}.mockup-title{font-size:14px;font-weight:700;color:#333}.mockup-header-sub{font-size:11px;color:#aaa}.mockup-tabs{display:flex;gap:6px;flex-wrap:wrap}.mockup-tab{padding:5px 14px;border-radius:20px;border:1px solid #e0e0e0;font-size:12px;color:#666}.mockup-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.mockup-content{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mockup-section-title{font-size:13px;font-weight:600;color:#333;margin-bottom:8px}.mockup-dropdown{border:1px solid #e0e0e0;border-radius:6px;padding:5px 10px;font-size:11px;color:#555;display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.mockup-total{font-size:11px;color:#888;margin-bottom:10px}.mockup-total strong{color:#333;font-weight:700}.mockup-chart-row{display:flex;align-items:center;gap:8px}.mockup-donut{width:72px;height:72px;flex-shrink:0;border-radius:50%;background:conic-gradient(#4a90e2 0% 11%,#5bb5f5 11% 21.3%,#7ecba1 21.3% 30%,#f5d76e 30% 72%,#e8e8e8 72% 100%);position:relative}.mockup-donut:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;background:#fff;border-radius:50%}.mockup-donut.right{background:conic-gradient(#4a90e2 0% 11%,#5bb5f5 11% 31%,#f5d76e 31% 72%,#e8e8e8 72% 100%)}.mockup-rows{flex:1;display:flex;flex-direction:column;gap:3px}.mockup-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#666}.mockup-pill{padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;color:#fff;min-width:44px;text-align:center}.section-label{font-size:13px;font-weight:600;color:var(--primary);margin-bottom:14px;letter-spacing:.05em}.section-heading{font-size:clamp(24px,3.5vw,38px);font-weight:800;color:#1a1a2e;line-height:1.25;margin-bottom:12px}.export-guide{max-width:1200px;margin:0 auto}.export-guide-header{text-align:center;margin-bottom:60px}.export-guide-sub{font-size:17px;color:#555;margin-top:8px}.feature-grid{display:grid;gap:20px}.feature-card{background:#f8f9fa;border:2px solid transparent;border-radius:16px;padding:24px 16px;display:flex;flex-direction:column;gap:6px;text-align:center;cursor:pointer;transition:border-color .2s,box-shadow .2s}@media (min-width: 768px){.feature-card{background:transparent;border:1.5px solid #e8e8e8;border-radius:20px;padding:36px 28px;gap:8px;text-align:left}}.feature-card:hover,.feature-card.active{background:#fff;border-color:var(--primary);box-shadow:0 4px 20px #2b9cf81a}.feature-icon{width:60px;height:60px;margin:0 auto 12px;border-radius:12px;overflow:hidden}@media (min-width: 768px){.feature-icon{width:64px;height:64px;margin:0 0 12px}}.feature-icon img{width:100%;height:100%;object-fit:contain}.feature-name{font-size:17px;font-weight:700;color:#1a1a2e;line-height:1.4}@media (min-width: 768px){.feature-name{font-size:16px}}.feature-highlight{font-size:20px;font-weight:800;color:var(--primary)}@media (min-width: 768px){.feature-highlight{font-size:16px}}.feature-more{margin-top:auto;font-size:16px;color:#999;padding-top:16px;align-self:flex-end}@media (min-width: 768px){.feature-more{font-size:13px;padding-top:20px;align-self:auto}}.service-advantages{background:#f5f6f8}.service-advantages-inner{max-width:1200px;margin:0 auto}.service-advantages-header{text-align:center;margin-bottom:60px}.service-advantages .section-heading{font-size:clamp(24px,3.5vw,40px)}.stats-grid{display:grid;gap:20px}.stat-card{background:#fff;border-radius:20px;text-align:center}.stat-label{font-size:16px;font-weight:600;color:#555;margin-bottom:16px}.stat-value{font-size:clamp(64px,6vw,80px);font-weight:900;color:var(--primary);line-height:1;margin-bottom:16px}.stat-desc{font-size:14px;color:#888;line-height:1.6}.pricing{background:#ebf5ff}.pricing-inner{max-width:1200px;margin:0 auto}.pricing-header{text-align:center;margin-bottom:60px}.pricing-grid{display:grid;gap:20px;align-items:start}.pricing-card{background:#ffffffb3;border-radius:20px}.pricing-card.featured{background:#fff;box-shadow:0 8px 40px #2b9cf826;border:1.5px solid var(--primary)}.plan-name{font-size:14px;font-weight:700;color:var(--primary);letter-spacing:.08em;margin-bottom:20px}.plan-divider{height:1px;background:#e5e5e5;margin-bottom:20px}.plan-price{font-size:clamp(42px,4vw,52px);font-weight:900;color:var(--primary);display:flex;align-items:baseline;gap:6px;margin-bottom:6px}.plan-price-unit{font-size:14px;font-weight:500;color:#888}.plan-discount{display:flex;align-items:center;gap:8px;margin-bottom:20px}.plan-original{font-size:14px;color:#aaa;text-decoration:line-through}.plan-badge{font-size:13px;font-weight:700;color:#ff6b35}.plan-features{list-style:none;display:flex;flex-direction:column;gap:10px}.plan-features li{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#555;line-height:1.5}.plan-features li:before{content:"";width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 9l4 4 8-8' stroke='%232B9CF8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;flex-shrink:0;margin-top:1px}.plan-inquiry{display:block;text-align:center;font-size:16px;font-weight:700;color:#555;margin-bottom:20px}.plan-enterprise-features{list-style:none;display:flex;flex-direction:column;gap:10px}.plan-enterprise-features li{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#555}.plan-enterprise-features li:before{content:"";width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 9l4 4 8-8' stroke='%232B9CF8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;flex-shrink:0;margin-top:1px}.pricing-note{text-align:right;font-size:13px;color:#888;margin-top:20px}.btn-inquiry{display:block;width:100%;background:var(--primary);color:#fff;padding:14px;border-radius:50px;font-size:15px;font-weight:600;text-align:center;cursor:pointer;border:none;margin-top:24px;transition:background .2s}.btn-inquiry:hover{background:var(--primary-hover)}.reviews-header{text-align:center;margin-bottom:60px}.reviews-grid{display:grid;gap:24px}.review-card{background:#fff;border:1.5px solid #eee;border-radius:20px;position:relative}.reviewer-meta{font-size:12px;color:#aaa;margin-bottom:6px;line-height:1.5}.reviewer-name{font-weight:700;color:#333;margin-bottom:14px}.reviewer-name span{color:#888;font-weight:500}.review-title{font-weight:700;color:var(--primary);line-height:1.5;margin-bottom:14px}.review-body{color:#555;line-height:1.8}.reviewer-photo{position:static;float:right;width:120px;height:120px;margin:0 0 12px 16px;border-radius:50%;overflow:hidden;background:#eee}@media (min-width: 768px){.reviewer-photo{position:absolute;top:32px;right:32px;width:80px;height:80px;float:none;margin:0}}.reviewer-photo img{width:100%;height:100%;object-fit:cover}.cta-banner{background:var(--bg-dark);text-align:center;position:relative;overflow:hidden}.cta-banner-bg{position:absolute;inset:0;background:var(--ctaBgUrl) center/cover no-repeat}.cta-banner-content{position:relative;z-index:1}.cta-banner h2{font-size:clamp(26px,4vw,48px);font-weight:900;color:#fff;line-height:1.3;margin-bottom:10px;letter-spacing:-.02em}.cta-banner h3{font-size:clamp(20px,3vw,36px);font-weight:800;color:#fff;margin-bottom:clamp(28px,3vw,40px)}.btn-cta-trial{display:inline-block;background:var(--primary);color:#fff;padding:16px 48px;border-radius:50px;font-size:18px;font-weight:700;cursor:pointer;border:none;transition:background .2s}.btn-cta-trial:hover{background:var(--primary-hover)}.news-section{max-width:1200px;margin:0 auto}.news-header{text-align:center;margin-bottom:60px}.news-carousel{position:relative;overflow:hidden}.news-track{display:flex;transition:transform .4s ease}.news-card{flex:0 0 80%;padding:0 5px;min-width:0;cursor:pointer}@media (min-width: 768px){.news-track{gap:20px}.news-card{flex:0 0 calc(33.333% - 14px);padding:0}}.news-card:hover .news-card-title{color:var(--primary)}.news-thumb{width:100%;height:auto;aspect-ratio:4/3;background:var(--bg-dark);border-radius:12px;overflow:hidden;margin-bottom:16px}@media (min-width: 768px){.news-thumb{height:200px;aspect-ratio:auto}}.news-thumb img{width:100%;height:100%;object-fit:cover}.news-card-title{font-size:20px;font-weight:700;color:#1a1a2e;line-height:1.5;margin-bottom:8px;transition:color .2s}@media (min-width: 768px){.news-card-title{font-size:15px}}.news-card-desc{font-size:15px;color:#777;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (min-width: 768px){.news-card-desc{font-size:13px}}.news-nav{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:32px}.news-nav-btn{width:40px;height:40px;border-radius:50%;border:1.5px solid #ddd;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.news-nav-btn:hover{border-color:var(--primary);color:var(--primary)}.news-nav-btn svg{width:16px;height:16px}.btn-more{display:block;margin:40px auto 0;background:#f0f0f0;color:#555;padding:12px 40px;border-radius:50px;font-size:14px;font-weight:600;width:fit-content;cursor:pointer;border:none;transition:background .2s}.btn-more:hover{background:#e0e0e0}.faq-section{background:#f5f6f8}.faq-inner{max-width:900px;margin:0 auto}.faq-header{text-align:center;margin-bottom:60px}.faq-list{display:flex;flex-direction:column}.faq-item{border-top:1px solid #ddd}.faq-item:last-child{border-bottom:1px solid #ddd}.faq-question{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:600;color:#1a1a2e;user-select:none}.faq-question:hover{color:var(--primary)}.faq-icon{flex-shrink:0}.faq-icon svg{display:none}.faq-icon:after{content:"+";font-size:24px;font-weight:300;color:#333;line-height:1}.faq-item.open .faq-icon:after{content:"−"}.faq-answer{display:none;padding:0 0 20px;color:#666;line-height:1.8}.faq-item.open .faq-answer{display:block}.btn-faq-more{display:block;margin:40px auto 0;background:#e8e8e8;color:#666;padding:12px 40px;border-radius:50px;font-size:14px;font-weight:600;width:fit-content;cursor:pointer;border:none;transition:background .2s}.btn-faq-more:hover{background:#d8d8d8}}