*{margin:0;padding:0;box-sizing:border-box}:root{--main-navy: #386789;--navy-dark: #203f56;--navy-deep: #142d3f;--sub-blue: #4e8baf;--sub-blue-soft: #dce9f1;--accent-gold: #c29145;--accent-gold-dark: #9f7435;--accent-gold-soft: #f6ead7;--text-dark: #1f2933;--text-muted: #5e6b76;--text-light: #ffffff;--vivid-cyan: var(--sub-blue);--vivid-orange: var(--accent-gold);--vivid-purple: var(--main-navy);--vivid-green: #5d7f8f;--vivid-pink: #8a6d4c;--bg-white: #ffffff;--bg-light: #f6f8fa;--bg-lighter: #eef4f8;--bg-gradient: linear-gradient(135deg, #f4f8fb 0%, #ffffff 54%, #f8f1e6 100%);--gradient-navy: linear-gradient(135deg, #203f56 0%, #386789 58%, #4e8baf 100%);--gradient-gold: linear-gradient(135deg, #c29145 0%, #9f7435 100%);--gradient-vivid: var(--gradient-navy);--gradient-warm: var(--gradient-gold);--gradient-success: linear-gradient(135deg, #386789 0%, #5d7f8f 100%);--shadow-sm: 0 2px 10px rgba(32, 63, 86, .08);--shadow-md: 0 8px 24px rgba(32, 63, 86, .12);--shadow-lg: 0 16px 42px rgba(32, 63, 86, .16);--shadow-xl: 0 24px 72px rgba(32, 63, 86, .2);--shadow-vivid-cyan: 0 12px 28px rgba(56, 103, 137, .18);--shadow-vivid-orange: 0 12px 28px rgba(194, 145, 69, .22);--shadow-vivid-purple: 0 12px 28px rgba(56, 103, 137, .18);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 24px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}html{overflow-x:hidden;scroll-behavior:smooth}body{font-family:Noto Sans JP,Inter,sans-serif;background:var(--bg-white);color:var(--text-dark);line-height:1.7}img{max-width:100%;display:block}.container{max-width:1320px;margin:0 auto;padding:0 3rem}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.1rem 0;background:#fffffff5;border-bottom:1px solid rgba(56,103,137,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-normal)}.navbar.scrolled{box-shadow:var(--shadow-md)}.nav-wrapper{display:flex;align-items:center;justify-content:space-between;gap:2rem}.logo{display:flex;align-items:center;gap:.75rem;cursor:pointer}.logo-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--text-light);background:var(--gradient-navy);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);font-size:1.5rem;font-weight:900}.logo-text{color:var(--main-navy);font-size:1.75rem;font-weight:900;letter-spacing:0}.nav-menu{display:flex;align-items:center;gap:2rem;list-style:none}.nav-menu li a{position:relative;color:var(--text-dark);font-size:1rem;font-weight:700;text-decoration:none;transition:color var(--transition-fast)}.nav-menu li a:not(.btn-primary):hover,.nav-menu li a.active{color:var(--main-navy)}.nav-menu li a:not(.btn-primary):after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--accent-gold);transition:width var(--transition-normal)}.nav-menu li a:not(.btn-primary):hover:after,.nav-menu li a.active:after{width:100%}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer}.hamburger span{width:25px;height:3px;background:var(--main-navy);border-radius:3px;transition:all var(--transition-normal)}.btn-primary,.btn-secondary,.btn-large{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.875rem 2rem;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;font-weight:800;text-decoration:none;transition:all var(--transition-normal)}.btn-primary{color:var(--text-light)!important;background:var(--gradient-gold);box-shadow:var(--shadow-vivid-orange)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px #c2914547}.btn-secondary{color:var(--main-navy);background:var(--bg-white);border:2px solid rgba(56,103,137,.75)}.btn-secondary:hover{color:var(--text-light);background:var(--main-navy)}.btn-large{padding:1.15rem 2.35rem;font-size:1.1rem}.hero{position:relative;overflow:hidden;padding:140px 0 96px;background:linear-gradient(135deg,#eef5f9,#fff 52%,#f8f1e7)}.hero:before,.hero:after,.problems:before,.cases:after,.cta:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.hero:before{top:-320px;right:-220px;width:700px;height:700px;background:radial-gradient(circle,rgba(56,103,137,.13) 0%,transparent 68%)}.hero:after{bottom:-260px;left:-180px;width:560px;height:560px;background:radial-gradient(circle,rgba(194,145,69,.14) 0%,transparent 68%)}.hero-content{position:relative;z-index:1;max-width:1080px;margin:0 auto;text-align:center}.hero-title{margin-bottom:2rem;color:var(--text-dark);font-size:clamp(2.75rem,6vw,4.5rem);font-weight:900;line-height:1.2}.brand-name{display:inline-block;color:var(--main-navy);font-weight:900;letter-spacing:0;text-shadow:none}.hero-title-accent{color:var(--accent-gold)}.brand-highlight{color:var(--main-navy);font-weight:800;background:linear-gradient(to bottom,transparent 58%,rgba(194,145,69,.28) 58%)}.hero-description{max-width:none;margin:0 auto 3rem;color:var(--text-muted);font-size:clamp(.82rem,.92vw,.95rem);line-height:1.78;white-space:nowrap}.hero-badge,.feature-badge,.section-badge{background:#ffffffdb;border:1px solid rgba(56,103,137,.22);box-shadow:var(--shadow-sm)}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;margin-bottom:2rem;color:var(--main-navy);border-radius:999px;font-size:.9rem;font-weight:800;letter-spacing:.04em}.hero-badge i,.feature-badge i{color:var(--accent-gold)}.hero-features,.hero-cta,.cta-buttons,.cta-info{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.hero-features{margin-bottom:3rem}.feature-badge{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;color:var(--main-navy);border-radius:var(--radius-sm);font-weight:700;transition:all var(--transition-normal)}.feature-badge:hover{transform:translateY(-3px);border-color:#c291458c;box-shadow:var(--shadow-vivid-orange)}section{position:relative;padding:var(--spacing-xl) 0}.section-header{margin-bottom:var(--spacing-lg);text-align:center}.section-badge{display:inline-block;padding:.48rem 1.55rem;margin-bottom:1.4rem;color:var(--main-navy)!important;border-color:#38678938!important;border-radius:999px;font-size:.82rem;font-weight:900;letter-spacing:.1em}.section-title{margin-bottom:1.35rem;color:var(--text-dark);font-size:clamp(2rem,4vw,3.15rem);font-weight:900;line-height:1.35}.section-subtitle{max-width:880px;margin:0 auto;color:var(--text-muted);font-size:1.18rem;line-height:1.9}.problems,.solution,.cases,.pricing{background:var(--bg-light)}.problems{overflow:hidden;background:linear-gradient(180deg,#fff,#f6f8fa)}.problems:before{top:-260px;right:-180px;width:520px;height:520px;background:radial-gradient(circle,rgba(194,145,69,.12) 0%,transparent 70%)}.problems-grid,.concept-grid,.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.features-grid,.cases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.problem-card,.concept-card,.feature-card,.solution-card,.case-card,.benefit-item,.comparison-table{background:var(--bg-white);border:1px solid rgba(56,103,137,.14);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.problem-card,.case-card{overflow:hidden}.problem-card:hover,.concept-card:hover,.feature-card:hover,.solution-card:hover,.case-card:hover,.benefit-item:hover{transform:translateY(-6px);border-color:#38678947;box-shadow:var(--shadow-lg)}.problem-card:before,.concept-card:before,.feature-card:before,.case-card:before{content:"";position:absolute;background:var(--gradient-navy)}.problem-card{position:relative}.problem-card:before,.case-card:before{top:0;left:0;right:0;height:4px}.problem-image{height:220px;overflow:hidden}.problem-image img,.benefit-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.problem-card:hover .problem-image img,.benefit-item:hover .benefit-image img{transform:scale(1.05)}.problem-content,.concept-card,.feature-card,.solution-card,.case-card{padding:2rem}.problem-title,.concept-title,.feature-title,.solution-title,.case-title,.benefit-title{color:var(--text-dark);font-weight:800;line-height:1.5}.problem-title,.solution-title{margin-bottom:1rem;font-size:1.35rem}.concept-title,.feature-title,.case-title{margin-bottom:1rem;font-size:1.5rem}.problem-description,.concept-description,.feature-description,.solution-description,.case-description,.benefit-description{color:var(--text-muted);font-size:1rem;line-height:1.9}.concept,.comparison,.faq{background:var(--bg-white)}.concept-card,.feature-card,.solution-card{position:relative;overflow:hidden;text-align:center}#overview .concept-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.35rem}#overview .section-header{margin-bottom:1.25rem}.overview-intro{max-width:980px;margin:0 auto 2.4rem;padding:1.35rem 1.8rem;color:var(--text-dark);background:linear-gradient(135deg,#eef6faf5,#fffffffa);border:1px solid rgba(56,103,137,.18);border-left:6px solid var(--accent-gold);border-radius:14px;box-shadow:0 14px 36px #0a1f2e1a;font-size:clamp(1.04rem,1.55vw,1.32rem);font-weight:800;line-height:1.75;text-align:center}.overview-cycle{position:relative;display:grid;grid-template-columns:minmax(330px,1fr) minmax(360px,1fr) minmax(330px,1fr);grid-template-rows:auto auto auto;gap:1.45rem 1.75rem;align-items:center;isolation:isolate}.overview-flow{position:relative;display:grid;gap:.9rem;max-width:1080px;margin:0 auto;isolation:isolate}.overview-flow:before,.overview-flow:after{content:"";position:absolute;z-index:-1;width:230px;height:430px;opacity:.34;background:linear-gradient(135deg,transparent 46%,rgba(56,103,137,.34) 47%,rgba(56,103,137,.34) 48%,transparent 49%),linear-gradient(45deg,transparent 46%,rgba(194,145,69,.32) 47%,rgba(194,145,69,.32) 48%,transparent 49%);background-size:86px 86px;pointer-events:none}.overview-flow:before{left:-260px;bottom:-20px}.overview-flow:after{top:-90px;right:-260px}.overview-flow-header{width:100%;min-height:auto;aspect-ratio:auto;padding:1.45rem 2rem 1.55rem;border:1px solid rgba(56,103,137,.18);border-radius:18px;background:linear-gradient(135deg,#eef6faf5,#fffffff0);box-shadow:0 16px 42px #0a1f2e21}.overview-flow-header strong{font-size:clamp(2.5rem,5vw,4rem)}.overview-flow-header p{max-width:none;margin-top:.35rem;color:var(--text-dark);font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.55}.overview-flow-card{min-height:184px;border:2px solid rgba(56,103,137,.72);border-right-color:#c29145a8;border-bottom-color:#c29145a8;border-radius:12px;background:#fff;box-shadow:0 14px 34px #0a1f2e1f}.overview-flow-card .concept-number{position:static;z-index:5;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:fit-content;min-width:0;min-height:0;margin:0 0 .85rem;padding:0;color:var(--main-navy)!important;background:transparent;border:0;border-radius:0;box-shadow:none;font-size:clamp(1.38rem,1.85vw,1.68rem);font-weight:900;letter-spacing:.02em;line-height:1.2;text-align:left;white-space:normal}.overview-flow-card .concept-number span{display:block;margin:0 0 .24rem;padding:0;color:var(--accent-gold-dark);background:transparent;border:0;font-family:Inter,sans-serif;font-size:clamp(.92rem,1.06vw,1.04rem);letter-spacing:.08em;line-height:1}.overview-flow-card .concept-card-body{display:flex;min-height:100%;flex-direction:column;justify-content:center;padding:1.45rem 2.15rem}.overview-flow-card .concept-title{font-size:clamp(1.55rem,2.3vw,2.12rem);line-height:1.35}.overview-flow-card .concept-description{color:var(--text-dark);font-size:clamp(1rem,1.35vw,1.18rem);font-weight:700;line-height:1.75}.concept-highlight{position:relative;display:inline;padding:0 .12em .08em;color:var(--main-navy);background:linear-gradient(transparent 58%,#c2914547 58%);box-decoration-break:clone;-webkit-box-decoration-break:clone;font-weight:900}.concept-highlight:after{content:"";position:absolute;right:.06em;bottom:.08em;left:.06em;height:.18em;border-radius:999px;background:linear-gradient(90deg,#38678985,#c291459e);opacity:.55;pointer-events:none}.overview-flow-card .concept-visual{min-height:184px;border-right:1px solid rgba(56,103,137,.12)}.overview-flow-card .concept-visual:before{display:none}.overview-flow-arrow{display:flex;justify-content:center;color:#1e2d3a7a;font-size:1.55rem;line-height:1}.overview-cycle-ring{position:absolute;inset:50% auto auto 50%;z-index:-1;width:min(66vw,820px);height:min(66vw,820px);background:radial-gradient(circle,#fff0 0 30%,#1a405b1a 45%,#1a405b33 62%,#1a405b14 78%,#1a405b00);border:2px dashed rgba(56,103,137,.24);border-radius:50%;box-shadow:0 0 0 72px #38678914,0 0 0 150px #1a405b12,0 0 0 244px #1a405b0b;transform:translate(-50%,-50%)}.overview-cycle-ring:before{content:"";position:absolute;inset:58px;background:radial-gradient(circle,#ffffffc7 0 26%,#fff0 27%);border:1px solid rgba(255,255,255,.5);border-radius:50%}.overview-cycle-ring:after{content:"";position:absolute;inset:-132px;border:1px dashed rgba(26,64,91,.14);border-radius:50%}.overview-center{position:relative;z-index:2;grid-column:2;grid-row:2;align-self:center;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(100%,300px);min-width:0;aspect-ratio:1;padding:2rem;color:var(--text-dark);text-align:center;background:radial-gradient(circle at 35% 25%,#fff,#f4f8fb 68%,#e4eef4);border:1px solid rgba(56,103,137,.18);border-radius:50%;box-shadow:0 24px 70px #0a1f2e29}.overview-center-label{margin-bottom:.55rem;color:var(--accent-gold);font-size:.76rem;font-weight:900;letter-spacing:.12em}.overview-center strong{color:var(--main-navy);font-size:clamp(2rem,4vw,3.1rem);line-height:1}.overview-center p{max-width:220px;margin-top:.85rem;color:var(--text-muted);font-size:.94rem;font-weight:700;line-height:1.75}.overview-center p span{color:var(--main-navy);font-weight:900;background:linear-gradient(to bottom,transparent 58%,rgba(194,145,69,.25) 58%)}.overview-step{position:relative;width:100%;max-width:none}.overview-step-1{grid-column:2;grid-row:1;justify-self:center;width:100%}.overview-step-2{grid-column:3;grid-row:2}.overview-step-3{grid-column:2;grid-row:3;justify-self:center;width:100%}.overview-step-4{grid-column:1;grid-row:2}#overview .concept-card{display:grid;grid-template-columns:minmax(292px,36%) minmax(0,1fr);align-items:stretch;padding:0;text-align:left}#overview .concept-card:before{display:none}.concept-media{height:168px;overflow:hidden}.concept-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}#overview .concept-card:hover .concept-media img{transform:scale(1.05)}.concept-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:176px;overflow:hidden;background:radial-gradient(circle at 20% 15%,rgba(194,145,69,.18),transparent 30%),linear-gradient(135deg,#eef6fa,#fff)}.concept-visual:before{content:"";position:absolute;inset:18px;z-index:2;border:1px dashed rgba(56,103,137,.22);border-radius:18px;pointer-events:none}.concept-visual i{position:relative;z-index:3}.concept-photo{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;filter:saturate(.96) contrast(1.04);transition:transform var(--transition-normal)}#overview .concept-card:hover .concept-photo{transform:scale(1.05)}.concept-visual-chat .concept-photo{object-position:center 42%}.concept-visual-test .concept-photo{object-position:center 52%}.concept-visual-dashboard .concept-photo{object-position:center 46%}.concept-visual-chat:after,.concept-visual-test:after,.concept-visual-dashboard:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,#0a1f2e05,#0a1f2e33);pointer-events:none}.visual-source,.visual-output,.visual-avatar,.visual-ai,.visual-test-paper,.visual-dashboard-panel{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;color:var(--main-navy);background:#fff;border:1px solid rgba(56,103,137,.16);box-shadow:var(--shadow-sm)}.visual-source{gap:.35rem;width:78px;height:64px;border-radius:16px;font-size:1.55rem}.visual-output{flex-direction:column;gap:.2rem;width:78px;height:64px;color:#fff;background:var(--gradient-navy);border-radius:16px;font-size:1.65rem}.visual-output span{font-size:.72rem;font-weight:900;line-height:1}.visual-flow{margin:0 .85rem;color:var(--accent-gold);font-size:1.4rem}.concept-visual-chat{gap:.65rem}.visual-avatar,.visual-ai{width:56px;height:56px;border-radius:50%;font-size:1.45rem}.visual-ai{color:#fff;background:var(--gradient-navy)}.visual-bubbles{position:relative;z-index:1;display:grid;gap:.35rem}.visual-bubbles span{padding:.32rem .62rem;color:var(--main-navy);background:#fff;border:1px solid rgba(56,103,137,.14);border-radius:999px;box-shadow:var(--shadow-sm);font-size:.72rem;font-weight:800}.visual-test-paper{flex-direction:column;align-items:flex-start;width:96px;min-height:98px;padding:.8rem;border-radius:14px;gap:.28rem}.visual-test-paper i{margin-bottom:.25rem;color:var(--accent-gold)}.visual-test-paper span{width:100%;padding:.12rem .35rem;color:var(--text-muted);background:var(--bg-light);border-radius:6px;font-size:.7rem;font-weight:800}.visual-check{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin-left:-16px;color:#fff;background:var(--accent-gold);border-radius:50%;box-shadow:var(--shadow-sm)}.visual-dashboard-panel{flex-direction:column;align-items:flex-start;width:98px;min-height:92px;padding:.85rem;border-radius:14px;gap:.38rem}.visual-dashboard-panel i{color:var(--accent-gold)}.visual-dashboard-panel span{width:100%;height:7px;background:#38678929;border-radius:999px}.visual-progress{position:relative;z-index:1;display:grid;width:86px;gap:.48rem;margin-left:.65rem}.visual-progress span{height:9px;background:#38678921;border-radius:999px}.visual-progress span:before{content:"";display:block;width:var(--progress);height:100%;background:var(--gradient-navy);border-radius:inherit}.visual-source-stack{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;width:118px}.visual-source-stack span{padding:.32rem .4rem;color:var(--main-navy);background:#fff;border:1px solid rgba(56,103,137,.16);border-radius:8px;box-shadow:var(--shadow-sm);font-size:.72rem;font-weight:900;line-height:1.1;text-align:center}.visual-source-stack span:last-child{grid-column:1 / -1}.visual-lesson-panel{position:relative;z-index:1;display:grid;grid-template-columns:1fr 86px;gap:.75rem;align-items:end;width:min(92%,270px);min-height:124px;padding:.9rem 1rem 0;overflow:hidden;background:linear-gradient(180deg,#fffffffa,#ffffffe6),radial-gradient(circle at 82% 20%,rgba(56,103,137,.12),transparent 32%);border:1px solid rgba(56,103,137,.16);border-radius:18px;box-shadow:var(--shadow-sm)}.visual-lesson-copy{display:grid;gap:.36rem;align-self:center}.visual-lesson-copy span{padding:.34rem .58rem;color:var(--main-navy);background:var(--bg-light);border-radius:999px;font-size:.72rem;font-weight:900;line-height:1;text-align:center}.visual-instructor{position:relative;width:78px;height:116px;justify-self:end}.visual-instructor-head,.visual-instructor-body{position:absolute;left:50%;transform:translate(-50%)}.visual-instructor-head{top:5px;width:43px;height:47px;background:linear-gradient(180deg,#f5d0b7,#eab896);border:2px solid rgba(26,46,66,.1);border-radius:50% 50% 46% 46%;box-shadow:0 0 0 7px #38678914}.visual-instructor-head:before{content:"";position:absolute;top:-2px;left:2px;width:39px;height:18px;background:#26384a;border-radius:50% 50% 44% 44%}.visual-instructor-head:after{content:"";position:absolute;top:21px;left:8px;width:27px;height:7px;border-top:2px solid rgba(26,46,66,.55);border-left:2px solid rgba(26,46,66,.55);border-right:2px solid rgba(26,46,66,.55);border-radius:999px}.visual-instructor-body{bottom:-8px;width:70px;height:74px;background:linear-gradient(90deg,transparent 48%,rgba(56,103,137,.24) 49%,rgba(56,103,137,.24) 51%,transparent 52%),linear-gradient(180deg,#fff,#edf4f8);border:1px solid rgba(56,103,137,.18);border-radius:23px 23px 10px 10px;box-shadow:var(--shadow-sm)}.visual-test-suite{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;width:min(92%,278px)}.visual-test-card{min-height:88px;padding:.62rem;background:#fff;border:1px solid rgba(56,103,137,.16);border-radius:12px;box-shadow:var(--shadow-sm)}.visual-test-card strong{display:block;margin-bottom:.42rem;color:var(--main-navy);font-size:.72rem;font-weight:900;line-height:1.2}.visual-test-card span{display:block;padding:.33rem .28rem;color:var(--text-muted);background:var(--bg-light);border-radius:6px;font-size:.66rem;font-weight:800;line-height:1.25;text-align:center}.visual-lms-screen{position:relative;z-index:1;width:min(92%,262px);padding:.8rem;background:#fff;border:1px solid rgba(56,103,137,.16);border-radius:16px;box-shadow:var(--shadow-sm)}.visual-lms-header{height:18px;margin-bottom:.7rem;background:linear-gradient(90deg,var(--main-navy),#6f95ac);border-radius:8px}.visual-lms-row{display:flex;align-items:center;justify-content:space-between;padding:.38rem .45rem;margin-bottom:.35rem;color:var(--text-dark);background:var(--bg-light);border-radius:8px;font-size:.74rem;font-weight:800}.visual-lms-row strong{color:var(--main-navy)}.visual-lms-bars{display:grid;gap:.35rem;margin-top:.55rem}.visual-lms-bars span{height:8px;overflow:hidden;background:#38678921;border-radius:999px}.visual-lms-bars span:before{content:"";display:block;width:var(--progress);height:100%;background:var(--gradient-navy);border-radius:inherit}.concept-card-body{display:flex;flex-direction:column;justify-content:center;padding:1.55rem}#overview .concept-title{font-size:1.26rem;line-height:1.45}#overview .concept-description{font-size:.94rem;line-height:1.8}.concept-card:before,.feature-card:before{top:0;left:0;width:100%;height:4px;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.concept-card:hover:before,.feature-card:hover:before{transform:scaleX(1)}.concept-icon,.feature-icon,.solution-icon,.benefit-icon,.trust-card i{display:flex;align-items:center;justify-content:center;color:var(--text-light);background:var(--gradient-navy)!important;box-shadow:var(--shadow-vivid-cyan)!important}.concept-icon,.feature-icon,.solution-icon{width:78px;height:78px;margin:0 auto 1.5rem;border-radius:50%;font-size:2.15rem}.concept-number{margin-bottom:.7rem;color:var(--accent-gold)!important;font-family:Inter,sans-serif;font-size:3rem;font-weight:900;line-height:.95;letter-spacing:0}.feature-badge-new{position:absolute;top:1.25rem;right:1.25rem;padding:.4rem .9rem;color:var(--text-light);background:var(--gradient-gold)!important;border-radius:999px;box-shadow:var(--shadow-vivid-orange)!important;font-size:.8rem;font-weight:900;letter-spacing:.06em}.benefits,.challenges{background:linear-gradient(180deg,#eef4f8,#fff)}.challenge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem}.challenge-card{position:relative;display:flex;flex-direction:column;min-height:320px;padding:1.45rem;overflow:hidden;background:#fffffff5;border:1px solid rgba(56,103,137,.14);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.challenge-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--main-navy),var(--accent-gold))}.challenge-illustration{display:flex;align-items:center;justify-content:center;height:136px;margin-bottom:1.25rem;background:linear-gradient(135deg,#38678914,#c2914514);border-radius:14px}.challenge-illustration svg{width:min(100%,216px);height:122px}.challenge-illustration rect,.challenge-illustration circle,.challenge-illustration ellipse,.challenge-illustration line,.challenge-illustration polyline{fill:none;stroke:var(--main-navy);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.challenge-illustration path{fill:none;stroke:var(--main-navy);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.challenge-illustration .accent{stroke:var(--accent-gold)}.challenge-illustration .wash{fill:#38678914}.challenge-card h3{margin-bottom:.85rem;color:var(--text-dark);font-size:1.18rem;line-height:1.55}.challenge-emphasis{display:inline;font-weight:900}.challenge-emphasis-primary{color:var(--main-navy);background:linear-gradient(to bottom,transparent 58%,rgba(56,103,137,.16) 58%)}.challenge-emphasis-accent{color:var(--accent-gold-dark);background:linear-gradient(to bottom,transparent 58%,rgba(194,145,69,.28) 58%)}.challenge-card p{color:var(--text-muted);font-size:.95rem;font-weight:600;line-height:1.8}.challenge-solution{position:relative;display:block;min-height:76px;margin-top:auto;padding:.92rem 1.15rem;color:#fff;background:#2f6f93;border:2px solid rgba(47,111,147,.72);border-left:6px solid var(--accent-gold);border-radius:8px;box-shadow:0 12px 24px #0a1f2e29;clip-path:none;font-size:.94rem;font-weight:900;line-height:1.65;word-break:normal;overflow-wrap:break-word}.solution-emphasis{display:inline-block;padding:0 .03em;color:#ffe08a;background:transparent;border-bottom:0;border-radius:0;font-weight:900;line-height:1.25;text-decoration:none;vertical-align:baseline;white-space:nowrap}.benefits-container{display:flex;flex-direction:column;gap:3rem}.benefit-item{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:2.25rem;align-items:center;padding:3rem;overflow:hidden}.benefit-item:nth-child(2){grid-template-columns:auto auto 1fr}.benefit-item:before{content:"";position:absolute;top:0;bottom:0;left:0;width:5px;background:var(--gradient-navy)!important}.benefit-icon{width:86px;height:86px;border-radius:var(--radius-md);font-size:2.4rem}.benefit-title{margin-bottom:1.1rem;font-size:1.85rem}.benefit-description{margin-bottom:1.6rem;font-size:1.05rem}.benefit-image{width:280px;height:200px;overflow:hidden;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.benefit-list{display:flex;flex-direction:column;gap:.85rem;list-style:none}.benefit-list li{display:flex;align-items:flex-start;gap:.8rem;color:var(--text-dark);font-weight:600;line-height:1.7}.benefit-list li i{margin-top:.25rem;color:var(--accent-gold)!important}.comparison-table{overflow:hidden}.comparison-header,.comparison-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem;align-items:center}.comparison-header{padding:2rem;color:var(--text-light);background:var(--gradient-navy)}.header-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:800;text-align:center}.header-item.ainobi{padding:1.25rem;background:#ffffff24!important;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-md)}.header-badge{padding:.28rem .9rem;color:var(--navy-dark);background:var(--accent-gold-soft);border-radius:999px;font-size:.8rem;font-weight:900}.comparison-row{padding:1.5rem 2rem;border-bottom:1px solid rgba(56,103,137,.1)}.comparison-row:last-child{border-bottom:none}.comparison-row:hover{background:var(--bg-light)}.row-label{display:flex;align-items:center;gap:.9rem;color:var(--text-dark);font-size:1.05rem;font-weight:700}.row-label i,.row-value i.fa-check-circle{color:var(--main-navy)}.row-value{text-align:center;font-size:1.8rem}.row-value.ainobi{padding:.9rem;background:var(--bg-lighter)!important;border-radius:var(--radius-sm)}.row-value i.fa-times-circle{color:#c8d1d8}.row-value i.fa-minus-circle,.rating{color:var(--accent-gold)}.solution{background:var(--bg-lighter)}.solution-card{padding:0;text-align:left}.solution-media{height:190px;overflow:hidden}.solution-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.solution-card:hover .solution-media img{transform:scale(1.05)}.solution-card .solution-title{margin:1.5rem 0 .85rem;padding:0 1.65rem}.solution-card .solution-description{padding:0 1.65rem 1.8rem}.feature-card:hover .feature-icon{transform:scale(1.08)}.cases{overflow:hidden;background:linear-gradient(135deg,#fff,#eef4f8)}.cases:after{bottom:-240px;left:-180px;width:480px;height:480px;background:radial-gradient(circle,rgba(56,103,137,.1) 0%,transparent 70%)}.case-card{position:relative;padding:2.5rem}.case-card:hover{transform:translateY(-6px)}.case-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.1rem;border-bottom:1px solid rgba(56,103,137,.12)}.case-company{color:var(--main-navy);font-size:1.1rem;font-weight:900}.case-industry{color:var(--text-muted);font-size:.95rem}.cta{position:relative;overflow:hidden;color:var(--text-light);background:var(--gradient-navy)}.cta:before{top:-280px;right:-160px;width:560px;height:560px;background:radial-gradient(circle,rgba(194,145,69,.22) 0%,transparent 70%)}.cta-content{position:relative;z-index:1;max-width:900px;margin:0 auto;text-align:center}.cta-title{margin-bottom:1.7rem;font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.35}.cta-description{margin-bottom:2.5rem;font-size:1.22rem;line-height:1.9;opacity:.94}.cta .brand-name,.cta .brand-highlight{color:var(--text-light);background:none;-webkit-text-fill-color:currentColor}.cta .btn-secondary{color:var(--text-light);background:transparent;border-color:#ffffffb3}.cta .btn-secondary:hover{color:var(--main-navy);background:var(--text-light)}.cta-note,.cta-info{color:#ffffffeb}.cta-note i,.info-item i,.contact-phone>i{color:var(--accent-gold)!important}.contact-phone{display:flex;align-items:center;justify-content:center;gap:2rem;padding:2rem 3rem;margin-top:3rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-lg)}.phone-info{display:flex;flex-direction:column;gap:.5rem;text-align:left}.phone-number{color:var(--text-light);font-size:2.3rem;font-weight:900;text-decoration:none}.phone-label,.phone-hours{opacity:.84}.footer{padding:4.5rem 0 2rem;color:var(--text-light);background:linear-gradient(135deg,#142d3f,#0f2230)}.footer-content{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem;margin-bottom:3rem;flex-wrap:wrap}.footer-brand{flex:1 1 400px;min-width:300px}.footer-brand .logo{margin-bottom:1.5rem}.footer-brand .logo-text{color:var(--text-light)}.footer-description,.footer-company p,.footer-bottom{opacity:.8}.footer-description{line-height:1.9}.footer-company{flex:0 0 auto;text-align:right}.footer-company p{margin-bottom:.5rem;font-size:.9rem}.footer-company h4{margin-bottom:.5rem;font-size:1.2rem}.footer-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.footer-links a,.footer-column ul li a{color:#ffffffe6;text-decoration:underline;text-underline-offset:3px;transition:color var(--transition-fast)}.footer-links a:hover,.footer-column ul li a:hover{color:var(--accent-gold)}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(255,255,255,.12);text-align:center;font-size:.95rem}.modal{display:none;position:fixed;inset:0;z-index:2000;padding:2rem;overflow-y:auto;background:#0f2230b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal.active{display:flex;align-items:center;justify-content:center}.modal-content{position:relative;width:100%;max-width:650px;max-height:calc(100vh - 4rem);overflow-y:auto;padding:3.25rem;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.modal-close{position:absolute;top:1.25rem;right:1.5rem;color:var(--text-muted);cursor:pointer;font-size:2.4rem;transition:color var(--transition-fast)}.modal-close:hover{color:var(--main-navy)}.modal-title{margin-bottom:1rem;color:var(--main-navy);font-size:2.15rem;font-weight:900}.modal-description{margin-bottom:2.25rem;color:var(--text-muted);font-size:1.02rem;line-height:1.8}.contact-form{display:flex;flex-direction:column;gap:1.15rem}.form-row{display:grid;grid-template-columns:1fr;gap:1.15rem}.form-group{display:flex;flex-direction:column;gap:.45rem}.form-group label{color:var(--text-dark);font-size:.92rem;font-weight:700;line-height:1.45}.required{color:#b54747}.form-group input,.form-group select,.form-group textarea{padding:.78rem 1rem;color:var(--text-dark);background:var(--bg-light);border:1px solid rgba(56,103,137,.2);border-radius:var(--radius-sm);font:inherit;font-size:.95rem;line-height:1.55;transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;background:var(--bg-white);border-color:var(--main-navy);box-shadow:0 0 0 4px #3867891f}.form-group textarea{resize:vertical}.form-note{margin:-.15rem 0 .25rem;color:var(--text-muted);font-size:.82rem;line-height:1.5}.checkbox-group{display:flex;flex-direction:column;gap:.45rem}.checkbox-label{display:flex;align-items:center;gap:.65rem;padding:.5rem .6rem;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.checkbox-label:hover{background:#3867890f}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--main-navy)}.checkbox-label span{color:var(--text-dark);font-size:.92rem;line-height:1.55;-webkit-user-select:none;user-select:none}.hidden{display:none}@media(max-width:1200px){.container{padding:0 2rem}}@media(max-width:1024px){.concept-grid,.features-grid,.solution-grid,.cases-grid,.challenge-grid,.problems-grid{grid-template-columns:repeat(2,1fr)}#overview .concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-cycle{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem}.overview-flow{max-width:760px}.overview-flow:before,.overview-flow:after{display:none}.overview-cycle-ring,.overview-cycle-arrow{display:none}.overview-center,.overview-step{position:relative;inset:auto;width:auto;max-width:none;transform:none}.overview-center{grid-column:1 / -1;grid-row:auto;justify-self:center;width:min(100%,360px)}.overview-flow-header{width:100%}.overview-step-1,.overview-step-2,.overview-step-3,.overview-step-4{grid-column:auto;grid-row:auto}.benefit-item,.benefit-item:nth-child(2){grid-template-columns:1fr;text-align:center}.benefit-icon,.benefit-image{margin:0 auto}}@media(max-width:768px){.hamburger{display:flex}.nav-menu{position:fixed;top:86px;left:-100%;width:100%;flex-direction:column;gap:1.3rem;padding:2rem;background:var(--bg-white);box-shadow:var(--shadow-md);transition:left var(--transition-normal)}.nav-menu.active{left:0}.logo{max-width:calc(100vw - 89px);min-width:0;overflow:hidden}.container{padding:0 1.5rem}.hero{padding:118px 0 72px}.hero-description,.section-subtitle,.cta-description{font-size:1.05rem}.hero-description{white-space:normal}.hero-cta,.cta-buttons{flex-direction:column}.concept-grid,.features-grid,.solution-grid,.cases-grid,.challenge-grid,.problems-grid,.form-row,#overview .concept-grid,.overview-cycle,#overview .concept-card{grid-template-columns:1fr}.overview-flow-card .concept-number{position:static;width:fit-content;max-width:100%;min-width:0;min-height:0;margin-bottom:1rem;padding:0;font-size:1.22rem}.overview-flow-card .concept-number span{margin:0 0 .2rem;padding:0;font-size:.88rem}.overview-flow-card .concept-card-body{padding:1.4rem 1.35rem}.overview-center{min-width:0;width:min(100%,320px)}.comparison-header,.comparison-row{grid-template-columns:1fr;text-align:center}.row-label{justify-content:center}.benefit-item{padding:2.2rem}.benefit-image{width:100%}.footer-content{flex-direction:column;gap:2rem}.footer-brand,.footer-company{flex:1 1 100%;min-width:0;text-align:left}.modal{padding:1rem;align-items:flex-start}.modal-content{max-height:calc(100vh - 2rem);margin:1rem 0;padding:2rem 1.25rem}}@media(max-width:480px){section{padding:4.5rem 0}.concept-visual{min-height:172px}.visual-source-stack{width:104px}.visual-flow{margin:0 .55rem}.visual-test-suite{grid-template-columns:1fr;width:min(86%,210px)}.visual-test-card{min-height:auto}.concept-number{font-size:2.55rem}.problem-content,.concept-card,.feature-card,.solution-card,.challenge-card,.case-card{padding:1.5rem}.btn-large{width:100%;padding:1rem 1.5rem;font-size:1rem}.modal-content{padding:1.5rem 1rem}input[type=text],input[type=email],input[type=tel],select,textarea{font-size:16px}}