@charset "UTF-8";#web-marketing-page{--primary: #e60012;--primary-dark: #cc0010;--primary-light: #ff1a2a;--secondary: #ff9800;--accent: #06b6d4;--success: #10b981;--warning: #f59e0b;--dark: #0f172a;--gray-900: #111827;--gray-800: #1f2937;--gray-700: #374151;--gray-600: #4b5563;--gray-500: #6b7280;--gray-400: #9ca3af;--gray-300: #d1d5db;--gray-200: #e5e7eb;--gray-100: #f3f4f6;--gray-50: #f9fafb;--white: #ffffff;--radius: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--gradient-primary: linear-gradient(135deg, #e60012 0%, #ff1a2a 100%);--gradient-secondary: linear-gradient(135deg, #ff9800 0%, #ffc107 100%)}#web-marketing-page .global-background-pattern{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}#web-marketing-page .gradient-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;animation:float-orb 20s ease-in-out infinite}#web-marketing-page .orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(230,0,18,.3) 0%,transparent 70%);top:-200px;left:-200px;animation-duration:25s}#web-marketing-page .orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(255,152,0,.3) 0%,transparent 70%);bottom:-150px;right:-150px;animation-duration:30s;animation-delay:-5s}#web-marketing-page .orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(230,0,18,.2) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-duration:35s;animation-delay:-10s}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-50px) scale(1.1)}50%{transform:translate(-30px,30px) scale(.9)}75%{transform:translate(30px,50px) scale(1.05)}}#web-marketing-page .geometric-pattern{position:absolute;width:100%;height:100%;opacity:.03;background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,rgba(230,0,18,.1) 35px,rgba(230,0,18,.1) 70px),repeating-linear-gradient(-45deg,transparent,transparent 35px,rgba(255,152,0,.1) 35px,rgba(255,152,0,.1) 70px)}#web-marketing-page .floating-shapes{position:fixed;width:100%;height:100%;pointer-events:none;z-index:1}#web-marketing-page .shape{position:absolute;opacity:.08;animation:float-shape 20s ease-in-out infinite}#web-marketing-page .shape.circle{width:200px;height:200px;border:3px solid var(--primary);border-radius:50%;top:10%;right:10%;animation-duration:22s}#web-marketing-page .shape.square{width:150px;height:150px;border:3px solid var(--secondary);bottom:20%;left:5%;transform:rotate(45deg);animation-duration:25s;animation-delay:-5s}#web-marketing-page .shape.triangle{width:0;height:0;border-left:75px solid transparent;border-right:75px solid transparent;border-bottom:130px solid rgba(230,0,18,.2);top:40%;left:80%;animation-duration:28s;animation-delay:-10s}@keyframes float-shape{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(30px,-30px) rotate(90deg) scale(1.1)}50%{transform:translate(-20px,20px) rotate(180deg) scale(.9)}75%{transform:translate(20px,30px) rotate(270deg) scale(1.05)}}#web-marketing-page .particles{position:fixed;width:100%;height:100%;pointer-events:none;z-index:1}#web-marketing-page .particle{position:absolute;width:4px;height:4px;background:var(--primary);border-radius:50%;opacity:0;animation:particle-float 15s infinite}#web-marketing-page .particle:nth-child(1){left:10%;animation-delay:0s}#web-marketing-page .particle:nth-child(2){left:20%;animation-delay:3s;background:var(--secondary)}#web-marketing-page .particle:nth-child(3){left:30%;animation-delay:6s}#web-marketing-page .particle:nth-child(4){left:40%;animation-delay:9s;background:var(--primary-light)}#web-marketing-page .particle:nth-child(5){left:50%;animation-delay:12s}#web-marketing-page .particle:nth-child(6){left:60%;animation-delay:2s;background:var(--secondary)}#web-marketing-page .particle:nth-child(7){left:70%;animation-delay:5s}#web-marketing-page .particle:nth-child(8){left:80%;animation-delay:8s;background:var(--primary-light)}#web-marketing-page .particle:nth-child(9){left:90%;animation-delay:11s}#web-marketing-page .particle:nth-child(10){left:95%;animation-delay:14s;background:var(--secondary)}@keyframes particle-float{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:.5;transform:translateY(80vh) scale(1)}90%{opacity:.5;transform:translateY(20vh) scale(1)}to{opacity:0;transform:translateY(0) scale(0)}}#web-marketing-page .light-effect{position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);animation:light-sweep 3s infinite;z-index:9999;pointer-events:none}@keyframes light-sweep{0%{opacity:0;transform:translate(-100%)}50%{opacity:1}to{opacity:0;transform:translate(100%)}}#web-marketing-page .container{max-width:1280px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:10}#web-marketing-page .urgency-banner{background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;text-align:center;padding:10px;font-weight:700;margin-top:84px;position:relative;overflow:hidden}#web-marketing-page .urgency-banner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}50%,to{left:100%}}#web-marketing-page .urgency-banner span{animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.6}}#web-marketing-page .hero{min-height:100vh;display:flex;align-items:center;position:relative;background:linear-gradient(135deg,#ffffffe6,#f8f8f8e6);overflow:hidden;padding-top:120px}#web-marketing-page .hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(230,0,18,.15) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(255,152,0,.1) 0%,transparent 40%),radial-gradient(circle at 40% 20%,rgba(230,0,18,.1) 0%,transparent 40%);animation:hero-gradient 20s ease-in-out infinite}@keyframes hero-gradient{0%,to{transform:translate(0) scale(1);filter:hue-rotate(0deg)}33%{transform:translate(-20px,-20px) scale(1.1);filter:hue-rotate(10deg)}66%{transform:translate(20px,-10px) scale(.95);filter:hue-rotate(-10deg)}}#web-marketing-page .hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(230,0,18,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(230,0,18,.03) 1px,transparent 1px);background-size:50px 50px;animation:grid-move 10s linear infinite}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}#web-marketing-page .hero-content-web-marketing{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}#web-marketing-page .hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#10b9811a,#0596691a);color:var(--success);padding:.5rem 1.5rem;border-radius:2rem;font-size:.875rem;font-weight:600;margin-bottom:2rem;border:1px solid rgba(16,185,129,.2);animation:pulse-badge 2s infinite;position:relative;overflow:hidden}#web-marketing-page .hero-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shine 3s infinite}@keyframes pulse-badge{0%{box-shadow:0 0 #10b98166;transform:scale(1)}50%{transform:scale(1.02)}70%{box-shadow:0 0 0 10px #10b98100;transform:scale(1)}to{box-shadow:0 0 #10b98100;transform:scale(1)}}#web-marketing-page .hero-title{font-size:clamp(2rem,5vw,4rem);font-weight:900;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--gray-900),var(--gray-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;white-space:normal;animation:fade-in-up .8s ease-out}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}#web-marketing-page .hero-title .ai-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#web-marketing-page .hero-title .claude-gradient{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#web-marketing-page .hero-subtitle{font-size:1.25rem;color:var(--gray-600);margin-bottom:3rem;line-height:1.8;animation:fade-in-up .8s ease-out .2s both}#web-marketing-page .hero-points{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem;animation:fade-in-up .8s ease-out .4s both}#web-marketing-page .hero-point{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);border:1px solid var(--gray-200);transition:all .3s ease}#web-marketing-page .hero-point:hover{transform:translate(10px);border-color:var(--primary);box-shadow:0 5px 15px #e600121a}#web-marketing-page .hero-point-icon{width:48px;height:48px;background:var(--gradient-primary);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}#web-marketing-page .hero-point-text{font-weight:500;color:var(--gray-700)}#web-marketing-page .hero-point-highlight{color:var(--primary);font-weight:700}#web-marketing-page .hero-cta-group{display:flex;gap:1rem;align-items:center;animation:fade-in-up .8s ease-out .6s both}#web-marketing-page .btn-primary{background:var(--gradient-primary);color:var(--white);padding:1rem 2.5rem;border-radius:2rem;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #e600124d;display:inline-flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}#web-marketing-page .btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}#web-marketing-page .btn-primary:hover:before{width:300px;height:300px}#web-marketing-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e6001266}#web-marketing-page .btn-secondary{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--gray-700);padding:1rem 2.5rem;border-radius:2rem;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid var(--gray-200);display:inline-flex;align-items:center;gap:.5rem}#web-marketing-page .btn-secondary:hover{background:var(--white);border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 15px #e6001233}#web-marketing-page .hero-visual{position:relative;display:flex;justify-content:center;align-items:center;animation:fade-in 1s ease-out .8s both;min-height:400px}@keyframes fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}#web-marketing-page .ai-dashboard{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);box-shadow:0 30px 60px -15px #0003,0 0 0 1px #0000000d;padding:2rem;border:1px solid rgba(124,58,237,.1);transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:all .5s cubic-bezier(.4,0,.2,1);max-width:500px;width:100%;position:relative;overflow:visible}#web-marketing-page .ai-dashboard:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.5),transparent);transform:rotate(45deg);transition:all .5s ease;opacity:0}#web-marketing-page .ai-dashboard:hover:before{opacity:1;animation:slide .5s ease-out}@keyframes slide{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}#web-marketing-page .ai-dashboard:hover{transform:perspective(1000px) rotateY(0) rotateX(0) scale(1.02);box-shadow:0 40px 80px -20px #0000004d,0 0 0 1px #7c3aed33}#web-marketing-page .dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}#web-marketing-page .dashboard-title{font-size:1.25rem;font-weight:700;color:var(--gray-900)}#web-marketing-page .dashboard-badge{background:var(--success);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}#web-marketing-page .ai-platforms{display:flex;flex-direction:column;gap:1rem}#web-marketing-page .ai-platform{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--gray-50);border-radius:var(--radius-lg);transition:all .3s ease;border:1px solid var(--gray-200)}#web-marketing-page .ai-platform:hover{background:#fff;transform:translate(5px);box-shadow:0 5px 15px #0000001a;border-color:transparent}#web-marketing-page .platform-info{display:flex;align-items:center;gap:1rem}#web-marketing-page .platform-logo{width:48px;height:48px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;box-shadow:0 2px 8px #0000001a}#web-marketing-page .platform-logo.chatgpt{background:linear-gradient(135deg,#10a37f,#00a67e)}#web-marketing-page .platform-logo.claude{background:var(--gradient-secondary)}#web-marketing-page .platform-logo.gemini{background:linear-gradient(135deg,#4285f4,#1a73e8)}#web-marketing-page .platform-logo.perplexity{background:linear-gradient(135deg,#1b9aaa,#06ffa5)}#web-marketing-page .platform-name{font-weight:600;color:var(--gray-900);font-size:.95rem}#web-marketing-page .platform-status{display:flex;align-items:center;gap:.5rem}#web-marketing-page .status-indicator{width:10px;height:10px;border-radius:50%;background:var(--success);box-shadow:0 0 0 2px #10b98133;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);box-shadow:0 0 0 2px #10b98133}50%{transform:scale(1.1);box-shadow:0 0 0 4px #10b9811a}}#web-marketing-page .status-text{color:var(--success);font-weight:600;font-size:.875rem}#web-marketing-page .floating-card{position:absolute;background:var(--white);padding:1rem;border-radius:var(--radius-lg);box-shadow:0 10px 30px #0000001a,0 0 0 1px #0000000d;border:1px solid var(--gray-200);animation:float-card 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}#web-marketing-page .floating-card.ai{top:-30px;right:-50px;background:var(--gradient-primary);color:#fff;animation-delay:0s}#web-marketing-page .floating-card.data{bottom:-30px;left:-50px;background:var(--gradient-secondary);color:#fff;animation-delay:-1.5s}@keyframes float-card{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}#web-marketing-page section{padding:6rem 0;position:relative;z-index:10}#web-marketing-page .section-header{text-align:center;margin-bottom:4rem;animation:fade-in-up .8s ease-out}#web-marketing-page .section-badge{display:inline-flex;align-items:center;gap:.5rem;background:#e600121a;color:var(--primary);padding:.5rem 1.5rem;border-radius:2rem;font-size:.875rem;font-weight:600;margin-bottom:1rem;border:1px solid rgba(230,0,18,.2)}#web-marketing-page .section-title{font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.2;margin-bottom:1rem;background:linear-gradient(135deg,var(--gray-900),var(--gray-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#web-marketing-page .section-subtitle{font-size:1.25rem;color:var(--gray-600);max-width:800px;margin:0 auto}#web-marketing-page .ai-change-section{background:linear-gradient(to bottom,var(--gray-50),var(--white))}#web-marketing-page .change-comparison{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:4rem}#web-marketing-page .comparison-card{background:var(--white);padding:2.5rem;border-radius:var(--radius-xl);text-align:center;transition:all .3s ease;border:2px solid var(--gray-200);position:relative;overflow:hidden}#web-marketing-page .comparison-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gray-300);transition:all .3s ease}#web-marketing-page .comparison-card.after{border-color:var(--primary);transform:scale(1.05);box-shadow:0 20px 40px #e600121a}#web-marketing-page .comparison-card.after:before{background:var(--gradient-primary)}#web-marketing-page .comparison-label{font-size:.875rem;font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}#web-marketing-page .comparison-card.before .comparison-label{color:var(--gray-500)}#web-marketing-page .comparison-card.after .comparison-label{color:var(--primary)}#web-marketing-page .comparison-icon{font-size:4rem;margin-bottom:1.5rem;display:inline-block;animation:float-icon 3s ease-in-out infinite}@keyframes float-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}#web-marketing-page .comparison-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--gray-900)}#web-marketing-page .comparison-list{list-style:none;text-align:left}#web-marketing-page .comparison-list li{padding:.75rem 0;color:var(--gray-600);display:flex;align-items:flex-start;gap:.75rem;border-bottom:1px solid var(--gray-100)}#web-marketing-page .comparison-list li:last-child{border-bottom:none}#web-marketing-page .comparison-list li:before{content:"×";color:var(--gray-400);font-weight:700;font-size:1.25rem;line-height:1}#web-marketing-page .comparison-card.after .comparison-list li:before{content:"✓";color:var(--success)}#web-marketing-page .results-showcase{background:var(--gradient-primary);padding:4rem;border-radius:var(--radius-xl);color:#fff;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 40px #e6001233}#web-marketing-page .results-showcase:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 30s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#web-marketing-page .results-content{position:relative;z-index:1}#web-marketing-page .results-title{font-size:2rem;font-weight:700;margin-bottom:3rem}#web-marketing-page .results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}#web-marketing-page .result-item{text-align:center;padding:1.5rem 0;border-radius:var(--radius-lg);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}#web-marketing-page .result-item:hover{transform:translateY(-5px);background:#ffffff26}#web-marketing-page .result-number{font-size:3rem;font-weight:800;margin-bottom:.5rem;display:block}#web-marketing-page .result-label{font-size:1rem;opacity:.9}#web-marketing-page .service-section{background:linear-gradient(to bottom,var(--white),var(--gray-50))}#web-marketing-page .service-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}#web-marketing-page .service-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:2.5rem;border:1px solid var(--gray-200);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}#web-marketing-page .service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:translate(-100%);transition:transform .3s ease}#web-marketing-page .service-card:hover:before{transform:translate(0)}#web-marketing-page .service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a;border-color:transparent;background:var(--white)}#web-marketing-page .service-card.featured{grid-column:span 2;background:linear-gradient(135deg,#e600120d,#ff1a2a0d);border:2px solid rgba(230,0,18,.2)}#web-marketing-page .service-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}#web-marketing-page .service-icon{width:60px;height:60px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;flex-shrink:0;transition:all .3s ease}#web-marketing-page .service-card:hover .service-icon{transform:scale(1.1) rotate(5deg)}#web-marketing-page .service-info h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--gray-900)}#web-marketing-page .service-info p{color:var(--gray-600);line-height:1.6}#web-marketing-page .service-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}#web-marketing-page .service-feature{display:flex;align-items:center;gap:.75rem}#web-marketing-page .feature-check{width:24px;height:24px;background:var(--success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}#web-marketing-page .service-highlight{background:#e600121a;padding:1.5rem;border-radius:var(--radius-lg);border:1px solid rgba(230,0,18,.2)}#web-marketing-page .highlight-title{font-weight:600;color:var(--primary);margin-bottom:.5rem}#web-marketing-page .case-section{background:linear-gradient(to bottom,var(--gray-50),var(--white))}#web-marketing-page .case-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}#web-marketing-page .case-tab{background:var(--white);border:2px solid var(--gray-200);padding:.75rem 2rem;border-radius:2rem;font-weight:600;color:var(--gray-700);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}#web-marketing-page .case-tab:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--gradient-primary);border-radius:50%;transform:translate(-50%,-50%);transition:all .5s ease;z-index:-1}#web-marketing-page .case-tab:hover:before,#web-marketing-page .case-tab.active:before{width:200%;height:200%}#web-marketing-page .case-tab.active{background:var(--gradient-primary);color:var(--white);border-color:transparent}#web-marketing-page .case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}#web-marketing-page .case-card{background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 10px 30px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--gray-200)}#web-marketing-page .case-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026;border-color:transparent}#web-marketing-page .case-image{height:200px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}#web-marketing-page .case-image:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}#web-marketing-page .case-ai-badges{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem}#web-marketing-page .ai-badge{width:40px;height:40px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;box-shadow:0 2px 10px #0000001a}#web-marketing-page .case-content{padding:2rem}#web-marketing-page .case-industry{color:var(--primary);font-size:.875rem;font-weight:600;margin-bottom:.5rem}#web-marketing-page .case-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:var(--gray-900)}#web-marketing-page .case-results{display:flex;flex-direction:column;gap:.75rem}#web-marketing-page .case-result{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--gray-50);border-radius:var(--radius);transition:all .3s ease}#web-marketing-page .case-result:hover{background:#e600120d}#web-marketing-page .result-label{color:var(--gray-600);font-size:.875rem}#web-marketing-page .result-value{font-weight:700;color:var(--primary);font-size:1.125rem}#web-marketing-page .pricing-section{background:linear-gradient(135deg,#fffffff2,#f9fafbf2)}#web-marketing-page .pricing-intro{text-align:center;max-width:800px;margin:0 auto 3rem}#web-marketing-page .pricing-highlight{background:#fff;padding:2rem;border-radius:var(--radius-xl);border:2px solid var(--primary);box-shadow:0 10px 30px #e600121a}#web-marketing-page .pricing-highlight-title{font-size:1.5rem;color:var(--primary);margin-bottom:1rem;font-weight:700}#web-marketing-page .pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}#web-marketing-page .pricing-card{background:var(--white);border-radius:var(--radius-xl);padding:2.5rem;text-align:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid var(--gray-200)}#web-marketing-page .pricing-card.recommended{border-color:var(--primary);transform:scale(1.05);box-shadow:0 20px 40px #e6001226}#web-marketing-page .pricing-card.recommended:before{content:"人気No.1";position:absolute;top:-1rem;left:50%;transform:translate(-50%);background:var(--gradient-primary);color:var(--white);padding:.5rem 1.5rem;border-radius:2rem;font-size:.875rem;font-weight:600}#web-marketing-page .pricing-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001a;border-color:var(--primary)}#web-marketing-page .plan-name{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--gray-900)}#web-marketing-page .plan-description{color:var(--gray-600);margin-bottom:2rem}#web-marketing-page .plan-price{margin-bottom:2rem}#web-marketing-page .price-amount{font-size:3rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#web-marketing-page .price-unit{color:var(--gray-600);font-size:1rem}#web-marketing-page .plan-features{list-style:none;margin-bottom:2rem}#web-marketing-page .plan-features li{padding:1rem 0;border-bottom:1px solid var(--gray-100);display:flex;align-items:center;justify-content:center;gap:.5rem}#web-marketing-page .plan-features li:last-child{border-bottom:none}#web-marketing-page .feature-icon{color:var(--success);font-size:20px}#web-marketing-page .pricing-card .btn-primary{width:100%}#web-marketing-page .faq-section{background:linear-gradient(to bottom,var(--white),var(--gray-50))}#web-marketing-page .faq-container{max-width:800px;margin:0 auto}#web-marketing-page .faq-item{margin-bottom:1rem;background:var(--white);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease;border:1px solid var(--gray-200)}#web-marketing-page .faq-item.active{box-shadow:0 10px 30px #e600121a;border-color:var(--primary)}#web-marketing-page .faq-question{padding:1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;transition:all .3s ease;background:var(--white);color:var(--gray-900)}#web-marketing-page .faq-item.active .faq-question{background:#e600120d;color:var(--primary)}#web-marketing-page .faq-toggle{font-size:1.5rem;transition:transform .3s ease;color:var(--gray-400)}#web-marketing-page .faq-item.active .faq-toggle{transform:rotate(45deg);color:var(--primary)}#web-marketing-page .faq-answer{padding:0 1.5rem;max-height:0;overflow:hidden;transition:all .3s ease}#web-marketing-page .faq-item.active .faq-answer{padding:1.5rem;max-height:500px}#web-marketing-page .cta-section{padding:6rem 0;background:var(--gradient-primary);position:relative;overflow:hidden;z-index:10}#web-marketing-page .cta-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0%,transparent 40%);animation:cta-gradient 15s ease-in-out infinite}@keyframes cta-gradient{0%,to{transform:translate(0)}50%{transform:translate(-20px,-20px)}}#web-marketing-page .cta-content{text-align:center;position:relative;z-index:1;color:var(--white)}#web-marketing-page .cta-badge{display:inline-block;background:#fff3;color:#fff;padding:.5rem 1.5rem;border-radius:2rem;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#web-marketing-page .cta-title{font-size:clamp(2rem,4vw,3rem);font-weight:900;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.2)}#web-marketing-page .cta-subtitle{font-size:1.25rem;margin-bottom:3rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}#web-marketing-page .cta-buttons{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}#web-marketing-page .btn-white{background:var(--white);color:var(--primary);padding:1.25rem 3rem;border-radius:2rem;text-decoration:none;font-weight:600;font-size:1.125rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #0003;display:inline-flex;align-items:center;gap:.5rem}#web-marketing-page .btn-white:hover{transform:translateY(-3px);box-shadow:0 15px 40px #0000004d}#web-marketing-page .ai-chat-widget{position:fixed;bottom:2rem;right:2rem;z-index:9999}#web-marketing-page .ai-chat-button{width:60px;height:60px;border-radius:50%;background:var(--gradient-primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 20px #e6001266;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}#web-marketing-page .ai-chat-button:hover{transform:scale(1.1);box-shadow:0 8px 25px #e6001280}#web-marketing-page .chat-button-inner{position:relative;display:flex;align-items:center;justify-content:center}#web-marketing-page .chat-icon{width:28px;height:28px;color:#fff}#web-marketing-page .pulse-ring{position:absolute;width:60px;height:60px;border-radius:50%;background:#e600124d;animation:pulse-chat 2s ease-in-out infinite}@keyframes pulse-chat{0%{transform:scale(1);opacity:.3}to{transform:scale(1.5);opacity:0}}@media (max-width: 1024px){#web-marketing-page .hero-content-web-marketing{grid-template-columns:1fr;text-align:center}#web-marketing-page .hero-visual{margin-top:2rem}#web-marketing-page .change-comparison{grid-template-columns:1fr}#web-marketing-page .results-grid{grid-template-columns:repeat(2,1fr)}#web-marketing-page .service-cards{grid-template-columns:1fr}#web-marketing-page .service-card.featured{grid-column:span 1}#web-marketing-page .case-grid{grid-template-columns:1fr}#web-marketing-page .pricing-cards{grid-template-columns:1fr;gap:1.5rem}#web-marketing-page .pricing-card.recommended{transform:none}}@media (max-width: 768px){#web-marketing-page .hero-title{font-size:2rem}#web-marketing-page .results-grid,#web-marketing-page .service-features{grid-template-columns:1fr}#web-marketing-page .case-tabs{flex-wrap:wrap}#web-marketing-page .pricing-cards{grid-template-columns:1fr}#web-marketing-page .cta-buttons{flex-direction:column;width:100%}#web-marketing-page .btn-white{width:100%;justify-content:center}}@media (max-width: 768px){body{overflow-x:hidden!important;max-width:100vw!important}#web-marketing-page .hero{overflow-x:hidden!important;min-height:auto!important;padding-top:120px!important}#web-marketing-page .hero>.container{overflow:visible!important;width:100%!important;max-width:100%!important;padding-left:1rem!important;padding-right:1rem!important}#web-marketing-page .hero-content-web-marketing{overflow:visible!important}#web-marketing-page .hero-title{background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:initial!important;background-clip:initial!important;color:#111827!important}#web-marketing-page .hero-title .ai-gradient{background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:initial!important;background-clip:initial!important;color:#e60012!important}#web-marketing-page .hero-title .claude-gradient{background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:initial!important;background-clip:initial!important;color:#ff9800!important}#web-marketing-page .stat-value{background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:initial!important;background-clip:initial!important;color:#e60012!important}#web-marketing-page .result-value{background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:initial!important;background-clip:initial!important;color:#10b981!important}#web-marketing-page .btn-primary{background:#e60012!important;color:#fff!important;-webkit-appearance:none}#web-marketing-page .btn-primary:hover{background:#cc0010!important}#web-marketing-page .btn-primary:before{display:none!important}#web-marketing-page .btn-secondary{background:#ffffffe6!important;color:#374151!important;border-color:#e5e7eb!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}#web-marketing-page .btn-secondary:hover{background:#fff!important;border-color:#e60012!important;color:#e60012!important}#web-marketing-page .hero-badge{background:#10b9811a!important;color:#10b981!important;border-color:#10b98133!important}#web-marketing-page .hero-badge:before{display:none!important}#web-marketing-page .service-badge{background:#e600121a!important;color:#e60012!important}#web-marketing-page .stat-card{background:#fffffff2!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}#web-marketing-page .stat-card:hover{background:#fff!important;border-color:#e60012!important}#web-marketing-page .service-card{background:#fffffff2!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}#web-marketing-page .service-card:hover{background:#fff!important;border-color:#e60012!important}#web-marketing-page .service-icon{background:#e600121a!important;color:#e60012!important}#web-marketing-page .ai-feature-card{background:#fffffff2!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}#web-marketing-page .ai-feature-card:hover{background:#fff!important;border-color:#ff9800!important}#web-marketing-page .ai-icon{background:#ff98001a!important;color:#ff9800!important}#web-marketing-page .process-card{background:#fffffff2!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}#web-marketing-page .process-card:hover{background:#fff!important}#web-marketing-page .process-number{background:#e60012!important;color:#fff!important}#web-marketing-page .result-card{background:#fff!important}#web-marketing-page .result-card:hover{border-color:#e60012!important}#web-marketing-page .result-icon{background:#10b9811a!important;color:#10b981!important}#web-marketing-page .case-card{background:#fff!important}#web-marketing-page .case-card:hover{border-color:#e60012!important}#web-marketing-page .case-category{background:#e600121a!important;color:#e60012!important}#web-marketing-page .case-metric-value{color:#10b981!important}#web-marketing-page .price-card{background:#fff!important}#web-marketing-page .price-card.featured{border-color:#e60012!important}#web-marketing-page .price-card.featured:before{background:#e60012!important;color:#fff!important}#web-marketing-page .price-value{color:#e60012!important}#web-marketing-page .faq-item{background:#fff!important}#web-marketing-page .faq-item.active .faq-question{background:#f9fafb!important}#web-marketing-page .cta-section{background:#e60012!important;color:#fff!important}#web-marketing-page .cta-guarantee{background:#ffffff1a!important;border-color:#ffffff4d!important}#web-marketing-page .ai-demo{background:#ff98000d!important}#web-marketing-page .demo-window{background:#fff!important}#web-marketing-page .comparison-before{background:#ef44440d!important}#web-marketing-page .comparison-after{background:#10b9810d!important}#web-marketing-page .hero-title,#web-marketing-page .hero-title .ai-gradient,#web-marketing-page .hero-title .claude-gradient,#web-marketing-page .stat-value,#web-marketing-page .result-value{-webkit-text-stroke:0!important}#web-marketing-page .gradient-orb{-webkit-animation:float-orb 20s ease-in-out infinite;animation:float-orb 20s ease-in-out infinite}#web-marketing-page .hero-badge{-webkit-animation:pulse-success 2s infinite;animation:pulse-success 2s infinite}#web-marketing-page .service-card,#web-marketing-page .ai-feature-card,#web-marketing-page .process-card,#web-marketing-page .result-card,#web-marketing-page .case-card{-webkit-animation:fadeInUp .6s ease;animation:fadeInUp .6s ease}#web-marketing-page .btn-primary:hover,#web-marketing-page .btn-secondary:hover{-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}#web-marketing-page .stat-card:hover,#web-marketing-page .service-card:hover,#web-marketing-page .ai-feature-card:hover,#web-marketing-page .process-card:hover,#web-marketing-page .result-card:hover,#web-marketing-page .case-card:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}#web-marketing-page .price-card:hover{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}#web-marketing-page .hero-cta,#web-marketing-page .hero-stats,#web-marketing-page .service-icon,#web-marketing-page .ai-icon,#web-marketing-page .result-icon,#web-marketing-page .cta-guarantee{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}#web-marketing-page .btn-primary,#web-marketing-page .btn-secondary,#web-marketing-page .hero-badge,#web-marketing-page .service-badge,#web-marketing-page .stat-card,#web-marketing-page .service-card,#web-marketing-page .ai-feature-card,#web-marketing-page .process-card,#web-marketing-page .result-card,#web-marketing-page .case-card,#web-marketing-page .price-card,#web-marketing-page .cta-guarantee,#web-marketing-page .demo-window{-webkit-border-radius:1rem;-moz-border-radius:1rem;border-radius:1rem}#web-marketing-page .service-icon,#web-marketing-page .ai-icon,#web-marketing-page .result-icon,#web-marketing-page .process-number{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}#web-marketing-page .btn-primary,#web-marketing-page .stat-card,#web-marketing-page .service-card,#web-marketing-page .ai-feature-card,#web-marketing-page .process-card,#web-marketing-page .result-card,#web-marketing-page .case-card,#web-marketing-page .price-card,#web-marketing-page .demo-window{-webkit-box-shadow:0 10px 30px rgba(0,0,0,.1);-moz-box-shadow:0 10px 30px rgba(0,0,0,.1);box-shadow:0 10px 30px #0000001a}#web-marketing-page button,#web-marketing-page .btn,#web-marketing-page .btn-primary,#web-marketing-page .btn-secondary,#web-marketing-page [role=button],#web-marketing-page a[class*=btn],#web-marketing-page .service-card,#web-marketing-page .ai-feature-card,#web-marketing-page .process-card,#web-marketing-page .result-card,#web-marketing-page .case-card,#web-marketing-page .faq-question{min-height:44px;-webkit-tap-highlight-color:transparent}#web-marketing-page input[type=text],#web-marketing-page input[type=email],#web-marketing-page input[type=tel],#web-marketing-page input[type=password],#web-marketing-page input[type=number],#web-marketing-page select,#web-marketing-page textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px}#web-marketing-page *{-webkit-tap-highlight-color:transparent}#web-marketing-page a,#web-marketing-page button,#web-marketing-page [role=button]{-webkit-tap-highlight-color:rgba(230,0,18,.1)}#web-marketing-page .container{padding:0 1rem!important;max-width:100%!important;overflow-x:hidden!important}#web-marketing-page .floating-card.ai{top:-50px;right:-10px}#web-marketing-page .floating-card.data{bottom:-60px;left:-10px}}