
/* KICKIFY 5.5 · inspired by clean product/SaaS layouts: compact, clear, personal */
.k55clean{--k55-navy:#071b31;--k55-navy2:#0c3455;--k55-text:#102741;--k55-muted:#6b7d91;--k55-line:#e2e8ef;--k55-bg:#f8fafc;--k55-blue:#2f80ed;--k55-cyan:#18b7c9;--k55-pink:#f33a9b;--k55-violet:#7659ef;background:#fff;color:var(--k55-text)}
.k55clean .s31Header{background:#fff!important;color:var(--k55-text);min-height:72px;padding:0 clamp(16px,5vw,54px);border-bottom:1px solid #e8edf2;box-shadow:none;position:sticky;top:0;z-index:100}.k55clean .s31Brand{width:190px;min-width:190px}.k55clean .s31Nav a{color:#496079;font-size:13px}.k55clean .s31Nav a:hover,.k55clean .s31Nav a.active{color:#0c2742}.k55clean .s31Book{background:#0a2a47;color:#fff;border-radius:12px;padding:12px 17px}.k55clean .s31Menu span{background:#0c2742}
.k55Hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:42px;align-items:center;padding:52px clamp(18px,7vw,110px) 56px;background:radial-gradient(circle at 80% 30%,rgba(24,183,201,.18),transparent 33%),linear-gradient(125deg,#06182d,#0b3658);color:#fff}.k55HeroCopy>span,.k55PageHead>span,.k55SectionIntro span,.k55Personal>div:last-child>span,.k55Final span{font-size:10px;font-weight:900;letter-spacing:1.8px;color:#67cfff}.k55Hero h1{font-size:clamp(50px,6.4vw,83px);line-height:.94;letter-spacing:-4px;margin:12px 0 19px}.k55Hero h1 em,.k55SectionIntro h2 em,.k55Feature h2 em,.k55Personal h2 em,.k55PageHead h1 em,.k55Final h2 em{font-style:normal;background:linear-gradient(90deg,#5e78ff,#14c6d0);-webkit-background-clip:text;background-clip:text;color:transparent}.k55HeroCopy>p{font-size:17px;line-height:1.65;color:#d4e1eb;max-width:620px}.k55Actions{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 19px}.k55Btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:10px;font-size:13px;font-weight:900}.k55Btn.primary{background:#fff;color:#082641}.k55Btn.secondary{color:#fff;border:1px solid rgba(255,255,255,.35)}.k55Btn.secondary.light{border-color:#b9c7d3;color:#193551}.k55HeroFacts{display:flex;gap:18px;flex-wrap:wrap;color:#d0e0eb;font-size:11px}.k55HeroMock{max-width:640px;border-radius:18px;background:#0d1723;padding:9px;box-shadow:0 28px 80px rgba(0,0,0,.3)}.k55BrowserBar{height:30px;display:flex;gap:5px;align-items:center;padding:0 8px}.k55BrowserBar i{width:7px;height:7px;border-radius:50%;background:#53677b}.k55BrowserBar span{margin-left:auto;margin-right:auto;color:#71869a;font-size:9px}.k55MockBody{display:grid;grid-template-columns:115px 1fr;min-height:330px;background:#f8fafc;border-radius:10px;overflow:hidden}.k55MockSide{background:#0b2744;color:#fff;padding:18px 12px;display:flex;flex-direction:column;gap:15px}.k55MockSide b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#5569ff,#14c5cd);margin-bottom:8px}.k55MockSide span{font-size:10px;color:#9fb5c7}.k55MockMain{padding:26px}.k55MockMain small{font-size:8px;letter-spacing:1.2px;color:#6d7f92;font-weight:900}.k55MockMain>strong{display:block;font-size:25px;margin:6px 0 18px}.k55MockCards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.k55MockCards i{font-style:normal;padding:12px 8px;border-radius:10px;font-size:10px;font-weight:900;text-align:center}.k55MockCards .mental{background:#e8fbfd;color:#0b9aae}.k55MockCards .training{background:#fff0f7;color:#d62e83}.k55MockCards .tools{background:#f0edff;color:#6553d9}.k55MockPlaceholder{margin-top:16px;height:150px;border-radius:12px;border:1px dashed #c8d5df;display:grid;place-items:center;color:#9aabba;font-size:10px;letter-spacing:1.2px;background:#fff}
.k55MiniStrip{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;padding:19px clamp(18px,7vw,110px);background:#fff;border-bottom:1px solid #edf1f4}.k55MiniStrip>div{text-align:center}.k55MiniStrip i{display:block;font-style:normal;font-size:12px}.k55MiniStrip .mental{color:var(--k55-cyan)}.k55MiniStrip .training{color:var(--k55-pink)}.k55MiniStrip .tools{color:var(--k55-violet)}.k55MiniStrip b{display:block;font-size:12px;margin:4px 0 3px}.k55MiniStrip span{font-size:10px;color:#8493a3}
.k55Solutions,.k55Why{padding:54px clamp(18px,7vw,110px);background:#fff}.k55SectionIntro{display:grid;grid-template-columns:1.08fr .92fr;gap:35px;align-items:end;margin-bottom:26px}.k55SectionIntro.compact{margin-bottom:22px}.k55SectionIntro span{color:#5568ff}.k55SectionIntro h2,.k55Feature h2,.k55Personal h2,.k55PageHead h1,.k55Final h2{font-size:clamp(36px,4.3vw,55px);line-height:.98;letter-spacing:-2.5px;margin:8px 0}.k55SectionIntro p{color:var(--k55-muted);line-height:1.65;max-width:530px}.k55Chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.k55Chips span{padding:7px 12px;border-radius:999px;border:1px solid #dfe7ed;font-size:10px;font-weight:900;background:#fff}.k55Chips .mental{color:#0b9aae}.k55Chips .training{color:#d62e83}.k55Chips .tools{color:#6553d9}
.k55SolutionGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.k55SolutionGrid>a,.k55ProductPageGrid>a{position:relative;min-height:285px;padding:24px;border-radius:22px;border:1px solid #e1e7ee;color:var(--k55-text);box-shadow:0 13px 34px rgba(20,48,78,.06);overflow:hidden}.k55SolutionGrid>a:before,.k55ProductPageGrid>a:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.k55SolutionGrid>a:after,.k55ProductPageGrid>a:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-38px;top:-35px;opacity:.55}.k55SolutionGrid>a.mental,.k55ProductPageGrid>a.mental{background:linear-gradient(180deg,#fff,#f3fcfd)}.k55SolutionGrid>a.mental:before,.k55ProductPageGrid>a.mental:before{background:var(--k55-cyan)}.k55SolutionGrid>a.mental:after,.k55ProductPageGrid>a.mental:after{background:#d8f7fa}.k55SolutionGrid>a.training,.k55ProductPageGrid>a.training{background:linear-gradient(180deg,#fff,#fff6fa)}.k55SolutionGrid>a.training:before,.k55ProductPageGrid>a.training:before{background:var(--k55-pink)}.k55SolutionGrid>a.training:after,.k55ProductPageGrid>a.training:after{background:#ffe4f1}.k55SolutionGrid>a.tools,.k55ProductPageGrid>a.tools{background:linear-gradient(180deg,#fff,#f8f6ff)}.k55SolutionGrid>a.tools:before,.k55ProductPageGrid>a.tools:before{background:var(--k55-violet)}.k55SolutionGrid>a.tools:after,.k55ProductPageGrid>a.tools:after{background:#e9e4ff}.k55CardIcon{position:relative;z-index:2;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#fff;background:#2f80ed;font-weight:900;box-shadow:0 8px 22px rgba(30,78,134,.15)}.k55SolutionGrid .mental .k55CardIcon,.k55ProductPageGrid .mental .k55CardIcon{background:var(--k55-cyan)}.k55SolutionGrid .training .k55CardIcon,.k55ProductPageGrid .training .k55CardIcon{background:var(--k55-pink)}.k55SolutionGrid .tools .k55CardIcon,.k55ProductPageGrid .tools .k55CardIcon{background:var(--k55-violet)}.k55Arrow{position:absolute;right:21px;top:21px;z-index:2;width:34px;height:34px;border:1px solid #d7e2e9;border-radius:50%;display:grid;place-items:center;color:#8293a3}.k55SolutionGrid small,.k55ProductPageGrid small{position:relative;z-index:2;display:block;margin-top:21px;font-size:9px;letter-spacing:1.3px;color:#98a6b5;font-weight:900}.k55SolutionGrid h3,.k55ProductPageGrid h2{position:relative;z-index:2;font-size:23px;line-height:1.1;margin:8px 0 10px}.k55SolutionGrid p,.k55ProductPageGrid p{position:relative;z-index:2;color:#748599;line-height:1.55;font-size:13px}.k55SolutionGrid b,.k55ProductPageGrid b{position:absolute;left:24px;bottom:23px;z-index:2;font-size:11px}.k55SolutionGrid .mental b,.k55ProductPageGrid .mental b{color:#0b9aae}.k55SolutionGrid .training b,.k55ProductPageGrid .training b{color:#d62e83}.k55SolutionGrid .tools b,.k55ProductPageGrid .tools b{color:#6553d9}
.k55Feature{display:grid;grid-template-columns:1fr .92fr;gap:30px;align-items:center;margin:0 clamp(18px,7vw,110px) 54px;padding:36px;border-radius:24px;background:linear-gradient(115deg,#f7f6ff,#f4fbfc);border-top:4px solid var(--k55-violet);overflow:hidden}.k55FeatureCopy>.k55CardIcon{background:var(--k55-violet)}.k55FeatureCopy>small{display:block;margin:15px 0 5px;font-size:9px;color:#8797a7;letter-spacing:1.3px;font-weight:900}.k55Feature h2{font-size:40px;color:#102741}.k55Feature p{color:var(--k55-muted);line-height:1.65}.k55FeaturePoints{display:flex;gap:13px;flex-wrap:wrap;margin:19px 0}.k55FeaturePoints span{font-size:10px;color:#50657a}.k55FeatureCopy>a{font-weight:900;color:#6553d9}.k55FeatureMock{padding:15px}.k55PlanMock{height:260px;border:1px dashed #bdc9d4;border-radius:16px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.k55PlanMock span{font-size:9px;letter-spacing:1.4px;color:#7a8d9d;font-weight:900}.k55PlanMock strong{font-size:25px;margin:8px 0;color:#102741}.k55PlanMock small{color:#8998a5}
.k55Why{background:#071b31;color:#fff}.k55Why .k55SectionIntro p{color:#aec0cf}.k55Why .k55SectionIntro span{color:#67cfff}.k55WhyGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.k55WhyGrid article{padding:21px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:rgba(255,255,255,.03)}.k55WhyGrid b{font-size:11px;color:#67cfff}.k55WhyGrid h3{font-size:20px;margin:9px 0}.k55WhyGrid p{color:#aebfcd;line-height:1.55;font-size:13px}
.k55Personal{display:grid;grid-template-columns:.7fr 1.3fr;gap:22px;align-items:center;padding:42px clamp(18px,7vw,110px);background:#fff}.k55PersonalPlaceholder{height:220px;border-radius:19px;background:#f5f8fa;border:1px dashed #c7d3dd;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#738698}.k55PersonalPlaceholder span{font-size:9px;letter-spacing:1.4px;font-weight:900}.k55PersonalPlaceholder strong{margin:7px 0;font-size:20px;color:#2d465f}.k55PersonalPlaceholder small{font-size:10px}.k55Personal>div:last-child>span{color:#5568ff}.k55Personal p{color:var(--k55-muted);line-height:1.65}.k55Badges{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.k55Badges b{padding:7px 10px;border:1px solid #dee7ed;border-radius:999px;font-size:9px;color:#4f657a}.k55Personal a{font-size:11px;font-weight:900;color:#2f80ed}
.k55Faq{padding-top:42px!important;padding-bottom:42px!important;background:#f8fafc!important}.k55Final{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:37px clamp(18px,7vw,110px);background:#fff;border-top:1px solid #e5ebf0}.k55Final span{color:#5568ff}.k55Final h2{font-size:38px;color:#102741}.k55Final>div:last-child{display:flex;gap:9px;flex-wrap:wrap}.k55Final .k55Btn.primary{background:#0b2c4a;color:#fff}
.k55PageHead{padding:48px clamp(18px,7vw,110px) 24px;background:#fff}.k55PageHead>span{color:#5568ff}.k55PageHead h1{font-size:52px}.k55PageHead p{max-width:620px;color:var(--k55-muted);line-height:1.65}.k55ProductPageGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 clamp(18px,7vw,110px) 55px}.k55ProductPageGrid>a{min-height:250px}
@media(max-width:1080px){.k55Hero{grid-template-columns:1fr}.k55HeroMock{max-width:760px}.k55SolutionGrid,.k55WhyGrid{grid-template-columns:1fr 1fr}.k55Feature,.k55Personal{grid-template-columns:1fr}.k55ProductPageGrid{grid-template-columns:1fr 1fr}.k55MiniStrip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.k55clean .s31Header{min-height:68px}.k55clean .s31Brand{width:165px;min-width:165px}.k55Hero{padding:34px 15px}.k55Hero h1{font-size:43px;letter-spacing:-2.6px}.k55HeroCopy>p{font-size:15px}.k55HeroMock{display:none}.k55HeroFacts{gap:8px}.k55HeroFacts span{font-size:9px}.k55MiniStrip{display:flex;overflow:auto;gap:20px;padding:15px}.k55MiniStrip>div{min-width:145px}.k55Solutions,.k55Why{padding:37px 15px}.k55SectionIntro{grid-template-columns:1fr;gap:5px}.k55SectionIntro h2,.k55Feature h2,.k55Personal h2,.k55PageHead h1{font-size:36px;letter-spacing:-2px}.k55SolutionGrid,.k55WhyGrid,.k55ProductPageGrid{grid-template-columns:1fr}.k55SolutionGrid>a{min-height:245px}.k55Feature{margin:0 15px 37px;padding:23px}.k55FeatureMock{padding:0}.k55PlanMock{height:180px}.k55Personal{padding:34px 15px}.k55PersonalPlaceholder{height:170px}.k55Final{padding:30px 15px 82px;display:block}.k55Final>div:last-child{margin-top:16px}.k55PageHead{padding:34px 15px 19px}.k55ProductPageGrid{padding:0 15px 42px}.k55clean .s31MobileBook{display:flex}}


/* visual integration 5.9 */
.k55CardThumb{position:relative;z-index:2;height:120px;margin:14px 0 12px;border-radius:16px;overflow:hidden;border:1px solid rgba(17,44,73,.08);box-shadow:0 10px 24px rgba(20,48,78,.06);background:#fff}
.k55CardThumb img{width:100%;height:100%;display:block;object-fit:cover}
@media(max-width:650px){.k55CardThumb{height:145px}}
