*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#1e3a8a;--primary-light:#eff6ff;--primary-lighter:#dbeafe;--primary-dark:#1e40af;--accent:#3b82f6;--text:#1e293b;--text-light:#64748b;--text-lighter:#94a3b8;--bg:#fff;--bg-light:#f8fafc;--bg-section:#f1f5f9;--border:#e2e8f0;--border-light:#f1f5f9;--success:#10b981;--error:#ef4444;--error-light:rgba(239,68,68,.1);--shadow-sm:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 25px rgba(0,0,0,.1),0 10px 10px rgba(0,0,0,.04);--shadow-xl:0 25px 50px -12px rgba(0,0,0,.25);--max-width:1200px;--max-width-content:1100px;--max-width-text:900px;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:32px;--space-xl:48px;--space-2xl:64px;--space-3xl:80px;--space-4xl:96px;--space-5xl:128px;--section-padding-y:var(--space-3xl);--section-padding-x:var(--space-md)}body{background:var(--bg);color:var(--text);font-family:Inter,Noto Sans JP,-apple-system,sans-serif;font-weight:400;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulseScale{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes pulseRing{0%{box-shadow:0 0 0 0 rgba(255,68,68,.7)}70%{box-shadow:0 0 0 15px rgba(255,68,68,0)}to{box-shadow:0 0 0 0 rgba(255,68,68,0)}}@keyframes float{0%,to{transform:translateY(0) scale(var(--scale,1))}50%{transform:translateY(-20px) scale(var(--scale,1))}}@keyframes floatSimple{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatBubble{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes shimmerSlow{0%{transform:rotate(45deg) translateX(-100%)}to{transform:rotate(45deg) translateX(100%)}}@keyframes shine{0%,to{background-position:-100% 0,0 0,0 0}50%{background-position:200% 0,0 0,100% 100%}}@keyframes ultraShine{0%,to{background-position:-100% 0,0 0,0 0}50%{background-position:200% 0,0 0,100% 100%}}@keyframes glossSweep{0%{transform:translate(-100%,-100%) rotate(45deg)}to{transform:translate(100%,100%) rotate(45deg)}}@keyframes shimmerText{0%,to{background-position:0 0}50%{background-position:0 100%}}@keyframes wave{0%,to{height:20px}50%{height:45px}}@keyframes voiceWave{0%,to{opacity:.5;transform:scaleY(.3)}50%{opacity:1;transform:scaleY(1)}}@keyframes morphing{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}33%{border-radius:70% 30% 30% 70%/70% 70% 30% 30%}66%{border-radius:30% 70% 30% 70%/70% 30% 70% 30%}}@keyframes slideRight{0%,to{transform:translateX(-3px)}50%{transform:translateX(3px)}}@keyframes gradientSlide{0%{background-position:0 0}to{background-position:200% 0}}@keyframes checkBounce{0%,to{transform:scale(1.2)}50%{transform:scale(1.3)}}@keyframes subtleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes subtleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes glassShine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes rotateGlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:10px;box-shadow:0 4px 14px rgba(30,58,138,.3);color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;letter-spacing:.02em;padding:1rem 2.5rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{box-shadow:0 8px 24px rgba(30,58,138,.4);transform:translateY(-2px)}.btn-primary-simple{background:var(--primary);border:none;border-radius:10px;box-shadow:0 4px 14px rgba(59,130,246,.25);color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;letter-spacing:.02em;padding:1rem 2.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary-simple:hover{background:var(--primary-dark);box-shadow:0 8px 24px rgba(59,130,246,.35);transform:translateY(-2px)}.btn-secondary{align-items:center;background:#fff;border:2px solid var(--primary);border-radius:10px;color:var(--primary);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.02em;padding:1rem 2.5rem;text-decoration:none;transition:all .3s}.btn-secondary:hover{background:var(--primary);box-shadow:0 4px 6px rgba(30,58,138,.2);color:#fff;transform:translateY(-2px)}.btn-icon{flex-shrink:0;height:1.125rem;width:1.125rem}.btn-large{font-size:1.0625rem;padding:1.125rem 3rem}.btn-small{font-size:.875rem;padding:.75rem 1.5rem}.btn-full{text-align:center;width:100%}@media (max-width:768px){.btn-large,.btn-primary,.btn-primary-simple,.btn-secondary{font-size:1rem;padding:1rem 2.5rem}}@media (max-width:480px){.btn-large,.btn-primary,.btn-primary-simple,.btn-secondary{font-size:.9375rem;padding:.9375rem 2rem}}.card{background:#fff;border-radius:24px;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.card-compact{border-radius:20px;padding:2rem}.card-large{border-radius:28px;padding:3rem}.card-gradient{backdrop-filter:blur(20px);background:linear-gradient(135deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.98));border:1px solid rgba(226,232,240,.5)}.card-light{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid rgba(203,213,225,.5)}.card-primary{background:linear-gradient(135deg,#fff,#eff6ff);border:2px solid rgba(59,130,246,.3)}.card-shadow-sm{box-shadow:0 4px 20px rgba(0,0,0,.04)}.card-shadow-md{box-shadow:20px 20px 60px rgba(30,58,138,.08),-20px -20px 60px hsla(0,0%,100%,.9)}.card-shadow-lg{box-shadow:0 20px 40px rgba(30,58,138,.12),0 8px 16px rgba(59,130,246,.08)}.card-hover-lift:hover{box-shadow:0 30px 60px rgba(30,58,138,.15),0 15px 30px rgba(59,130,246,.1);transform:translateY(-8px)}.card-hover-scale:hover{transform:translateY(-5px) scale(1.02)}.card-hover-glow:hover{box-shadow:0 30px 60px rgba(30,58,138,.15),0 0 60px rgba(59,130,246,.2)}.card-accent-top:before{background:linear-gradient(90deg,transparent,#3b82f6 20%,#1e40af 50%,#3b82f6 80%,transparent);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.card-accent-top:hover:before{opacity:1}.card-gloss:after{background:linear-gradient(45deg,transparent 30%,rgba(59,130,246,.1) 50%,transparent 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(45deg);transition:all .6s ease;width:200%}.card-gloss:hover:after{opacity:1;transform:rotate(45deg) translateX(100%)}.card-tilt-left{transform:rotate(-1deg)}.card-tilt-right{transform:rotate(.5deg)}.card-tilt-left:hover,.card-tilt-right:hover{transform:rotate(0deg)}.card-metallic{animation:ultraShine 8s ease-in-out infinite;background:linear-gradient(105deg,transparent 40%,hsla(0,0%,100%,.2) 45%,hsla(0,0%,100%,.1) 50%,transparent 60%),linear-gradient(180deg,rgba(147,197,253,.15),transparent 20%,transparent 80%,rgba(30,58,138,.2)),linear-gradient(135deg,#0a0e27,#151e3f 10%,#1e3a8a 30%,#2563eb 50%,#1e40af 70%,#1e3a8a 90%,#0f172a);background-size:200% 200%,100% 100%,150% 150%;box-shadow:0 30px 60px rgba(15,23,42,.6),0 15px 30px rgba(30,58,138,.3),inset 0 3px 6px hsla(0,0%,100%,.4),inset 0 -3px 6px rgba(0,0,0,.6);color:#fff}.card-metallic:before{animation:glossSweep 4s ease-in-out infinite;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.4) 35%,hsla(0,0%,100%,.6) 40%,hsla(0,0%,100%,.4) 45%,transparent 50%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.card-metallic:hover{box-shadow:0 40px 80px rgba(15,23,42,.7),0 20px 40px rgba(30,58,138,.4),inset 0 5px 10px hsla(0,0%,100%,.5),inset 0 -5px 10px rgba(0,0,0,.7),0 0 60px rgba(59,130,246,.4);transform:scale(1.05) translateY(-8px)}.card-header{gap:1.5rem;margin-bottom:1.5rem;position:relative;z-index:1}.card-header,.card-icon{align-items:center;display:flex}.card-icon{border-radius:16px;font-size:24px;height:56px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px}.card-icon-primary{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid rgba(30,58,138,.1);box-shadow:0 4px 12px rgba(30,58,138,.08),inset 0 -1px 3px rgba(30,58,138,.05);color:var(--primary)}.card:hover .card-icon-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-color:transparent;box-shadow:0 8px 20px rgba(30,58,138,.2),inset 0 1px 2px hsla(0,0%,100%,.2);color:#fff;transform:translateY(-2px)}.card-number{align-items:center;background:rgba(239,246,255,.8);border:2px solid var(--primary-light);border-radius:50%;color:var(--primary);display:flex;font-size:.875rem;font-weight:700;height:32px;justify-content:center;opacity:.6;position:absolute;right:1.5rem;top:1.5rem;transition:all .3s ease;width:32px}.card:hover .card-number{background:var(--primary);color:#fff;opacity:1;transform:scale(1.1)}.section-padding{padding:6rem 3rem}.section-padding-lg{padding:7rem 3rem}.section-padding-md{padding:5rem 3rem}.section-padding-sm{padding:4rem 2rem}.bg-gradient-primary{background:linear-gradient(180deg,var(--primary-light) 0,var(--bg) 100%)}.bg-gradient-primary-reverse{background:linear-gradient(180deg,var(--bg) 0,var(--primary-light) 100%)}.bg-gradient-light{background:linear-gradient(180deg,var(--bg-light) 0,var(--bg) 100%)}.bg-gradient-section{background:linear-gradient(180deg,var(--bg) 0,rgba(241,245,249,.5) 50%,var(--bg) 100%)}.bg-gradient-hero{background:linear-gradient(180deg,var(--bg) 0,var(--primary-light) 100%)}.bg-gradient-cta{background:linear-gradient(135deg,#eff6ff,#f0f9ff)}.bg-decoration:before{animation:floatBubble 20s ease-in-out infinite;background:radial-gradient(circle,rgba(59,130,246,.05) 0,transparent 70%);left:-20%;top:50%}.bg-decoration:after,.bg-decoration:before{border-radius:50%;content:"";filter:blur(60px);height:40%;position:absolute;width:40%}.bg-decoration:after{animation:floatBubble 20s ease-in-out infinite reverse;background:radial-gradient(circle,rgba(30,58,138,.05) 0,transparent 70%);bottom:30%;right:-20%}.text-gradient{background:linear-gradient(135deg,var(--text) 0,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-primary{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-metallic{background:linear-gradient(180deg,#fff,#f9fafb 15%,#e5e7eb 30%,#cbd5e1 50%,#e5e7eb 70%,#f9fafb 85%,#fff);-webkit-background-clip:text;background-size:100% 150%;-webkit-text-fill-color:transparent;animation:shimmerText 10s ease-in-out infinite;background-clip:text;filter:drop-shadow(0 0 8px rgba(255,255,255,.4)) drop-shadow(0 2px 3px rgba(0,0,0,.3))}.shadow-soft{box-shadow:0 4px 20px rgba(0,0,0,.04)}.shadow-card{box-shadow:0 20px 40px rgba(30,58,138,.12),0 8px 16px rgba(59,130,246,.08)}.shadow-hover{transition:box-shadow .3s ease}.shadow-hover:hover{box-shadow:0 30px 60px rgba(30,58,138,.15),0 15px 30px rgba(59,130,246,.1)}.shadow-neumorphic{box-shadow:20px 20px 60px rgba(30,58,138,.08),-20px -20px 60px hsla(0,0%,100%,.9)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.tracking-tight{letter-spacing:-.03em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.02em}.tracking-wider{letter-spacing:.05em}.leading-tight{line-height:1.15}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.7}.leading-loose{line-height:1.8}.mt-0{margin-top:0}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mb-0{margin-bottom:0}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.relative{position:relative}.absolute{position:absolute}.z-1{z-index:1}.z-10{z-index:10}.z-20{z-index:20}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{border-radius:4px;outline:3px solid var(--primary);outline-offset:2px}.skip-to-content{background:var(--primary);border-radius:0 0 8px 0;color:#fff;left:0;padding:.75rem 1.5rem;position:absolute;text-decoration:none;top:-100px;transition:top .3s ease;z-index:9999}.skip-to-content:focus{outline:3px solid var(--accent);outline-offset:2px;top:0}@media (max-width:768px){.section-padding{padding:4rem 2rem}.section-padding-lg{padding:5rem 2rem}.section-padding-md{padding:4rem 2rem}.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:grid-cols-1{grid-template-columns:1fr}}@media (max-width:480px){.section-padding{padding:3rem 1.5rem}.section-padding-lg{padding:4rem 1.5rem}.sm\:hidden{display:none}.sm\:block{display:block}.sm\:text-sm{font-size:.875rem}.sm\:text-base{font-size:1rem}}section{padding:5rem 3rem}.container{margin:0 auto;max-width:var(--max-width-content);padding:0 2rem}.section-header{margin-bottom:4rem;position:relative;text-align:center}h2{color:#1e293b;font-size:2.125rem;font-weight:600;letter-spacing:-.02em;line-height:1.3;margin-bottom:.75rem;position:relative}.section-header h2:after{background:#3b82f6;border-radius:1px;bottom:-16px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:32px}.section-subtitle{color:#64748b;font-size:1rem;font-weight:400;letter-spacing:.003em;line-height:1.65;margin:2rem auto 0;max-width:560px}.section-header{animation:fadeIn .6s ease-out forwards;opacity:0}@media (max-width:768px){section{padding:3rem 2rem}.container{padding:0 1.5rem}.section-header{margin-bottom:3rem}h2{font-size:1.75rem;font-weight:600}.section-subtitle{font-size:.9375rem;margin-top:1.5rem}.section-header h2:after{bottom:-12px;width:28px}}@media (max-width:480px){section{padding:2.5rem 1.5rem}.container{padding:0 1rem}h2{font-size:1.5rem}.section-subtitle{font-size:.875rem}}