:root{--c-black: #222222;--c-grey: #7B7B7B;--c-light: #F8F8F8;--c-white: #FFFFFF;--c-border: #E8E8E8;--c-border2: #D0D0D0;--c-hover: #111111;--bg-page: var(--c-light);--bg-card: var(--c-white);--bg-dark: var(--c-black);--text-primary: var(--c-black);--text-secondary: var(--c-grey);--text-muted: #AAAAAA;--text-on-dark: var(--c-white);--border-light: var(--c-border);--border-mid: var(--c-border2);--border-dark: var(--c-black);--font-serif: "DM Serif Display", Georgia, serif;--font-body: "DM Sans", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--r-sm: 6px;--r-md: 12px;--r-lg: 20px;--r-xl: 32px;--r-full: 9999px;--t-fast: .18s ease;--t-med: .32s ease;--t-slow: .55s cubic-bezier(.4, 0, .2, 1);--t-spring: .5s cubic-bezier(.34, 1.4, .64, 1);--header-h: 68px}[data-theme=dark]{--bg-page: #111111;--bg-card: #1A1A1A;--bg-dark: #222222;--text-primary: #F0F0F0;--text-secondary: #999999;--text-muted: #666666;--text-on-dark: #F0F0F0;--border-light: #2A2A2A;--border-mid: #383838;--border-dark: #F0F0F0;--c-border: #2A2A2A;--c-border2: #383838}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-page);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:none}@media (hover: none){body{cursor:auto}}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}input,textarea,select{font-family:inherit;color:inherit}.cursor-dot{position:fixed;width:7px;height:7px;background:var(--c-black);border-radius:50%;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);transition:transform .08s ease,width .2s ease,height .2s ease}.cursor-ring{position:fixed;width:32px;height:32px;border:1.5px solid var(--c-black);border-radius:50%;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease,opacity .3s;opacity:.4}.cursor-ring.expanded{width:52px;height:52px;opacity:.25}[data-theme=dark] .cursor-dot{background:#f0f0f0}[data-theme=dark] .cursor-ring{border-color:#f0f0f0}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:var(--c-border2);border-radius:2px}.container{max-width:1240px;margin:0 auto;padding:0 40px}@media (max-width: 768px){.container{padding:0 20px}}@media (max-width: 480px){.container{padding:0 16px}}section{padding:100px 0;position:relative}@media (max-width: 768px){section{padding:72px 0}}@media (max-width: 480px){section{padding:56px 0}}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);line-height:1.08;font-weight:400;color:var(--text-primary);letter-spacing:-.02em}.section-label{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--r-full);font-family:var(--font-body);font-size:.78rem;font-weight:500;color:var(--text-secondary);letter-spacing:.01em;margin-bottom:16px}.section-label:before{content:"";width:7px;height:7px;background:var(--text-primary);border-radius:50%;flex-shrink:0}.link-arrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-weight:500;font-size:.9rem;color:var(--text-primary);border-bottom:1px solid var(--border-dark);padding-bottom:2px;transition:gap var(--t-fast),opacity var(--t-fast);cursor:pointer;background:none;border-top:none;border-left:none;border-right:none;text-decoration:none}.link-arrow:after{content:"↗";font-size:.85em}.link-arrow:hover{gap:12px;opacity:.65}.btn-dark{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--text-primary);color:var(--bg-page);border-radius:var(--r-full);font-family:var(--font-body);font-weight:500;font-size:.9rem;letter-spacing:.01em;transition:background var(--t-fast),color var(--t-fast),transform var(--t-spring);border:1px solid var(--text-primary)}.btn-dark:hover{background:var(--c-grey);border-color:var(--c-grey);transform:translateY(-1px)}.btn-dark:active{transform:translateY(0)}.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:11px 27px;background:transparent;color:var(--text-primary);border-radius:var(--r-full);font-family:var(--font-body);font-weight:500;font-size:.9rem;border:1px solid var(--border-mid);transition:border-color var(--t-fast),background var(--t-fast),transform var(--t-spring)}.btn-outline:hover{border-color:var(--text-primary);background:var(--bg-card);transform:translateY(-1px)}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--r-lg);transition:box-shadow var(--t-med),transform var(--t-med),border-color var(--t-med)}.card:hover{box-shadow:0 8px 32px #00000014;transform:translateY(-3px);border-color:var(--border-mid)}[data-theme=dark] .card:hover{box-shadow:0 8px 32px #0006}.tag{display:inline-flex;align-items:center;padding:5px 12px;background:var(--bg-page);border:1px solid var(--border-light);border-radius:var(--r-full);font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary);transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast);white-space:nowrap}.tag:hover{background:var(--text-primary);color:var(--bg-page);border-color:var(--text-primary)}[data-theme=dark] .tag{background:var(--bg-card)}[data-theme=dark] .tag:hover{background:var(--c-light);color:var(--c-black)}.divider{height:1px;background:var(--border-light);border:none}.fade-up{opacity:0;transform:translateY(28px);transition:opacity .65s cubic-bezier(.4,0,.2,1),transform .65s cubic-bezier(.4,0,.2,1)}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-in{opacity:0;transition:opacity .65s ease}.fade-in.visible{opacity:1}.stagger>*:nth-child(1){transition-delay:.04s}.stagger>*:nth-child(2){transition-delay:.1s}.stagger>*:nth-child(3){transition-delay:.16s}.stagger>*:nth-child(4){transition-delay:.22s}.stagger>*:nth-child(5){transition-delay:.28s}.stagger>*:nth-child(6){transition-delay:.34s}.side-label{writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg);font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.marquee-wrapper{overflow:hidden;position:relative}.marquee-wrapper:before,.marquee-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}.marquee-wrapper:before{left:0;background:linear-gradient(to right,var(--bg-page),transparent)}.marquee-wrapper:after{right:0;background:linear-gradient(to left,var(--bg-page),transparent)}.marquee-track{display:flex;gap:32px;width:max-content;animation:marquee 32s linear infinite}.marquee-track.slow{animation-duration:44s}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}header.scrolled .header-inner{background:#f8f8f8e0;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:var(--r-full);border:1px solid var(--border-light);box-shadow:0 4px 24px #0000000f}[data-theme=dark] header.scrolled .header-inner{background:#111111e0;border-color:var(--border-light);box-shadow:0 4px 24px #0006}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;flex-direction:column;padding:96px 28px 48px;background:var(--bg-page);transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}.mobile-menu.open{transform:translate(0)}.mobile-nav-link{font-family:var(--font-serif);font-size:clamp(2rem,8vw,3rem);font-weight:400;color:var(--text-primary);opacity:.3;transition:opacity .2s;padding:14px 0;border-bottom:1px solid var(--border-light);display:block;letter-spacing:-.02em}.mobile-nav-link:hover{opacity:1}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.75rem;font-weight:500;color:var(--text-secondary);margin-bottom:6px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.form-control{width:100%;padding:13px 16px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--r-md);color:var(--text-primary);font-size:.9rem;font-family:var(--font-body);outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.form-control:focus{border-color:var(--border-dark);box-shadow:0 0 0 3px #2222220f}.form-control::placeholder{color:var(--text-muted)}textarea.form-control{resize:vertical;min-height:130px}.project-card{overflow:hidden;border-radius:var(--r-lg);background:var(--bg-card);border:1px solid var(--border-light);transition:box-shadow var(--t-med),transform var(--t-med),border-color var(--t-med)}.project-card:hover{box-shadow:0 12px 40px #0000001a;transform:translateY(-4px);border-color:var(--border-mid)}[data-theme=dark] .project-card:hover{box-shadow:0 12px 40px #00000080}.project-img-wrap{position:relative;overflow:hidden;aspect-ratio:16/10}.project-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.project-card:hover .project-img-wrap img{transform:scale(1.05)}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#222222e0;display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity var(--t-med);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-card:hover .project-overlay{opacity:1}.blog-card{overflow:hidden;border-radius:var(--r-lg);background:var(--bg-card);border:1px solid var(--border-light);transition:box-shadow var(--t-med),transform var(--t-med);display:flex;flex-direction:column;cursor:pointer}.blog-card:hover{box-shadow:0 8px 32px #00000014;transform:translateY(-3px)}.blog-img{aspect-ratio:16/9;overflow:hidden}.blog-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card:hover .blog-img img{transform:scale(1.04)}.process-step{position:relative;padding-left:56px}.process-step-number{position:absolute;left:0;top:0;font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--text-muted);width:40px;padding-top:4px}.process-step:after{content:"";position:absolute;left:19px;top:28px;bottom:-28px;width:1px;background:var(--border-light)}.process-step:last-child:after{display:none}.scroll-top-btn{position:fixed;bottom:28px;right:28px;width:44px;height:44px;border-radius:50%;background:var(--text-primary);color:var(--bg-page);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;z-index:7000;transition:opacity .3s,transform .3s,background var(--t-fast);box-shadow:0 4px 16px #00000026}.scroll-top-btn:hover{background:var(--c-grey)}[data-theme=dark] .scroll-top-btn{background:var(--c-light);color:var(--c-black)}.testimonial-card{padding:28px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--r-lg);position:relative}.testimonial-card .quote-mark{font-family:var(--font-serif);font-size:3rem;color:var(--border-mid);line-height:1;margin-bottom:12px;display:block}.pricing-card{padding:32px 28px;border-radius:var(--r-lg);background:var(--bg-card);border:1px solid var(--border-light);transition:border-color var(--t-med),box-shadow var(--t-med);position:relative}.pricing-card.popular{border-color:var(--text-primary);background:var(--text-primary);color:var(--bg-page)}.pricing-card.popular .tag{background:#ffffff1f;border-color:#fff3;color:#fffc}.pricing-card.popular .tag:hover{background:#ffffff40}.pricing-toggle-btn{padding:9px 22px;border-radius:var(--r-full);font-family:var(--font-body);font-weight:500;font-size:.85rem;transition:all var(--t-med);color:var(--text-secondary);border:none;cursor:pointer;background:none}.pricing-toggle-btn.active{background:var(--text-primary);color:var(--bg-page)}.avail-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border:1px solid var(--border-light);border-radius:var(--r-full);font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);background:var(--bg-card)}.avail-dot{width:7px;height:7px;background:#3bb77e;border-radius:50%;animation:avail-pulse 2.2s ease-in-out infinite;flex-shrink:0}@keyframes avail-pulse{0%,to{box-shadow:0 0 #3bb77e66}50%{box-shadow:0 0 0 5px #3bb77e00}}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase}.scroll-line{width:1px;height:36px;background:linear-gradient(to bottom,var(--text-muted),transparent);animation:scroll-anim 2s ease-in-out infinite}@keyframes scroll-anim{0%{opacity:0;transform:scaleY(0);transform-origin:top}50%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0);transform-origin:bottom}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-r{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(5deg)}}.float-anim{animation:float-y 6s ease-in-out infinite}.float-anim-slow{animation:float-y 9s ease-in-out infinite;animation-delay:-3s}.float-r-anim{animation:float-r 7s ease-in-out infinite}.page-transition{animation:pageIn .45s ease}@keyframes pageIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.blog-content{color:var(--text-secondary);font-size:1rem;line-height:1.85}.blog-content h2{font-family:var(--font-serif);font-size:clamp(1.4rem,3vw,1.9rem);font-weight:400;color:var(--text-primary);margin:44px 0 16px;letter-spacing:-.02em;padding-bottom:10px;border-bottom:1px solid var(--border-light)}.blog-content p{margin-bottom:20px}.blog-content ul{margin:14px 0 24px;display:flex;flex-direction:column;gap:9px;list-style:none}.blog-content li{padding-left:18px;position:relative}.blog-content li:before{content:"—";position:absolute;left:0;color:var(--text-muted)}.blog-content strong{color:var(--text-primary);font-weight:600}.tool-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--r-full);font-family:var(--font-body);font-size:.82rem;color:var(--text-secondary);transition:border-color var(--t-fast),color var(--t-fast),transform var(--t-spring);white-space:nowrap}.tool-chip:hover{border-color:var(--text-primary);color:var(--text-primary);transform:translateY(-2px)}.tool-chip-icon{font-size:1.05rem}.stat-num{font-family:var(--font-serif);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400;color:var(--text-primary);letter-spacing:-.03em;line-height:1}.section-split{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:56px;align-items:end}@media (max-width: 680px){.section-split{grid-template-columns:1fr}}@media (max-width: 768px){.hide-mobile{display:none!important}.stat-num{font-size:clamp(2rem,7vw,3rem)}.project-card{border-radius:14px}}@media (min-width: 769px){.hide-desktop{display:none!important}}@media (max-width: 480px){.blog-card{border-radius:12px}.pricing-card{padding:24px 20px}.testimonial-card{padding:20px 16px}button[aria-label="Scroll to top"]{bottom:16px;right:16px}}@media (hover: none){.btn-dark,.btn-outline,a,button{min-height:44px}.tag,.tool-chip,.avail-badge{min-height:unset}}.swiper-pagination-bullet{background:var(--border-mid)!important;opacity:1!important}.swiper-pagination-bullet-active{background:var(--text-primary)!important;width:20px!important;border-radius:3px!important}.swiper{overflow:hidden!important}.swiper-slide{height:auto!important}.line-v{width:1px;background:var(--border-light);flex-shrink:0}.year-label{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);letter-spacing:.08em;writing-mode:horizontal-tb}.exp-row{display:grid;grid-template-columns:1fr 1fr auto;gap:24px;padding:24px 0;border-bottom:1px solid var(--border-light);align-items:start;transition:background var(--t-fast)}.exp-row:first-child{border-top:1px solid var(--border-light)}.exp-row:hover{background:transparent}@media (max-width: 600px){.exp-row{grid-template-columns:1fr;gap:8px}}.section-dark{background:var(--c-black);color:var(--c-white)}.section-dark .section-label{background:#ffffff14;border-color:#ffffff1f;color:#fff9}.section-dark .section-label:before{background:var(--c-white)}.section-dark h2{color:var(--c-white)}.section-dark p{color:#fff9}.section-dark .card{background:#ffffff0a;border-color:#ffffff14}.section-dark .card:hover{border-color:#fff3;box-shadow:0 8px 32px #00000080}.section-dark .tag{background:#ffffff12;border-color:#ffffff1f;color:#ffffff8c}.section-dark .tag:hover{background:var(--c-white);color:var(--c-black);border-color:var(--c-white)}.section-dark .divider{background:#ffffff1a}.section-dark .form-control{background:#ffffff0d;border-color:#ffffff1f;color:var(--c-white)}.section-dark .form-control:focus{border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff0f}.section-dark .form-control::placeholder{color:#ffffff4d}.section-dark .form-group label{color:#fff6}.section-dark .btn-dark{background:var(--c-white);color:var(--c-black);border-color:var(--c-white)}.section-dark .btn-dark:hover{background:#e0e0e0}.section-dark .btn-outline{border-color:#ffffff40;color:var(--c-white)}.section-dark .btn-outline:hover{border-color:var(--c-white);background:#ffffff0f}.section-dark .link-arrow{color:var(--c-white);border-bottom-color:#fff6}.section-dark .avail-badge{background:#ffffff0f;border-color:#ffffff1f;color:#ffffff80}.section-dark .tool-chip{background:#ffffff0a;border-color:#ffffff1a;color:#ffffff80}.section-dark .tool-chip:hover{border-color:var(--c-white);color:var(--c-white)}.section-dark .scroll-top-btn{background:var(--c-white);color:var(--c-black)}