.howPage{background:var(--kinity-white);width:100%;color:var(--kinity-text);overflow-x:hidden}.howHero{background:var(--kinity-cream);grid-template-columns:54% 46%;align-items:center;height:clamp(540px,100svh - 92px,610px);min-height:540px;display:grid;position:relative;overflow:hidden}.howHeroText{z-index:3;padding:clamp(32px,5vh,55px) 3vw clamp(28px,4vh,35px) max(6vw,50vw - 750px);position:relative;transform:translateY(-4px)}.howEyebrow{letter-spacing:.16em;margin-bottom:clamp(20px,3vh,34px);font-size:11px;font-weight:700;display:block}.howHeroText h1{letter-spacing:-.06em;color:var(--kinity-green-dark);font-size:clamp(64px,min(6.35vw,10.5vh),112px);font-weight:500;line-height:.94}.howHeroText h1 span{opacity:.42}.howHeroText p{margin-top:clamp(24px,4vh,42px);font-size:19px;font-weight:600;line-height:1.45}.howHeroVisual{background:var(--kinity-green-dark);justify-content:center;align-items:center;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.howHeroPhones{object-fit:contain;width:auto;max-width:72%;height:88%;max-height:540px;display:block;transform:translateY(3%)}.howIntro{background:var(--kinity-white);grid-template-columns:1fr 2fr;gap:100px;padding:120px 8vw;display:grid}.howIntroLabel{letter-spacing:.15em;font-size:11px;font-weight:700}.howIntroText{max-width:950px}.howIntroText p{letter-spacing:-.025em;font-size:clamp(25px,2.3vw,39px);line-height:1.18}.howIntroText p+p{margin-top:36px}.howStep{min-height:720px;position:relative}.howStepNumber{opacity:.5;font-size:12px;font-weight:700;position:absolute;top:60px;left:6vw}.howStepEyebrow{letter-spacing:.16em;margin-top:24px;margin-bottom:30px;font-size:11px;font-weight:700;display:block}.howStepIcon{border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.howStepLight{background:var(--kinity-cream);grid-template-columns:42% 58%;align-items:center;padding:130px 6vw 110px;display:grid}.howStepContent{max-width:650px}.howStepContent h2{letter-spacing:-.055em;color:var(--kinity-green-dark);font-size:clamp(58px,5.7vw,106px);font-weight:500;line-height:.86}.howStepContent p{color:#253326b8;max-width:560px;margin-top:34px;font-size:17px;line-height:1.55}.howActivityPreview{min-height:520px;position:relative}.howActivityCard{background:var(--kinity-green);isolation:isolate;color:#fff;border-radius:28px;width:280px;height:430px;position:absolute;top:0;left:18%;overflow:hidden;transform:rotate(-4deg);box-shadow:0 30px 70px #19281924}.howActivityCardOffset{top:95px;left:48%;transform:rotate(5deg)}.howActivityCard img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.howActivityOverlay{z-index:1;background:linear-gradient(#00000057 0%,#0000001a 22%,#00000005 42%,#0000001a 62%,#0000007a 82%,#000000c7 100%);position:absolute;inset:0}.howActivityContent{z-index:2;flex-direction:column;width:100%;height:100%;padding:22px;display:flex;position:relative}.howActivityCategory{color:#fffffff2;align-items:center;gap:7px;font-size:14px;line-height:1;display:flex}.howActivityContent h3{letter-spacing:-.025em;margin-top:9px;font-size:27px;font-weight:700;line-height:1.02}.howActivityLocation{align-items:center;gap:6px;min-width:0;margin-top:auto;font-size:15px;font-weight:500;line-height:1.15;display:flex}.howActivityLocation span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.howActivityLocation svg{flex-shrink:0}.howStepGreen{background:var(--kinity-green-dark);color:#fff;grid-template-columns:44% 56%;min-height:720px;display:grid}.howStepVisual{min-height:720px}.howJoinPhoto{background-image:url(/images/how/pottery-friends.jpg);background-position:50%;background-size:cover;width:100%;height:100%;min-height:720px}.howStepContentWhite{flex-direction:column;justify-content:center;max-width:none;padding:110px 8vw;display:flex}.howStepNumberWhite{color:#ffffff8c;margin-bottom:38px;font-size:12px}.howStepContentWhite h2{color:#fff}.howStepContentWhite p{color:#ffffffb8}.howStepContentWhite p+p{margin-top:18px}.howConversation{background:var(--kinity-white);padding:130px 7vw}.howConversationIntro span{letter-spacing:.16em;margin-bottom:30px;font-size:11px;font-weight:700;display:block}.howConversationIntro h2{letter-spacing:-.055em;max-width:1150px;color:var(--kinity-green-dark);font-size:clamp(58px,6vw,110px);font-weight:500;line-height:.88}.howConversationBody{grid-template-columns:1fr 1fr;align-items:center;gap:110px;margin-top:90px;display:grid}.howChatDemo{color:#fff;background:#283a2c;border-radius:30px;max-width:560px;padding:26px;box-shadow:0 28px 70px #19281921}.howChatActivity{background:#3b4a3f;border-radius:24px;align-items:center;gap:16px;padding:14px;display:flex}.howChatActivity>img{object-fit:cover;border-radius:20px;flex:0 0 94px;width:94px;height:94px}.howChatActivityDetails{flex-direction:column;gap:8px;min-width:0;display:flex}.howChatActivityTitle,.howChatActivityMeta{align-items:center;gap:10px;min-width:0;display:flex}.howChatActivityTitle svg,.howChatActivityMeta svg{flex:none}.howChatActivityTitle strong{font-size:20px;line-height:1.1}.howChatActivityMeta span{color:#ffffffe0;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;line-height:1.2;overflow:hidden}.howChatMessages{padding-top:24px}.howMessage{background:#3d4c40;border-radius:17px 17px 17px 6px;width:fit-content;max-width:78%;margin-top:14px;padding:14px 17px;font-size:14px;line-height:1.35}.howMessageOwn{background:var(--kinity-cream);color:var(--kinity-green-dark);border-radius:17px 17px 6px;margin-left:auto}.howConversationText{max-width:560px}.howConversationText p{color:#253326b8;font-size:20px;line-height:1.5}.howConversationText p+p{margin-top:28px}.howConversationText strong{color:var(--kinity-green-dark);margin-top:42px;font-size:29px;line-height:1.15;display:block}.howReal{color:#fff;align-items:center;min-height:790px;display:flex;position:relative;overflow:hidden}.howRealImage{background-image:url(/images/how/mountain-lake.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.howRealOverlay{background:linear-gradient(90deg,#182619db 0%,#182619a3 45%,#1826190d 82%);position:absolute;inset:0}.howRealContent{z-index:2;padding-left:7vw;position:relative}.howRealContent>span{letter-spacing:.16em;margin-bottom:32px;font-size:11px;font-weight:700;display:block}.howRealContent h2{letter-spacing:-.06em;font-size:clamp(64px,7vw,126px);font-weight:500;line-height:.84}.howRealContent p{color:#fffc;margin-top:42px;font-size:19px;line-height:1.5}.howCreate{background:var(--kinity-cream);grid-template-columns:55% 45%;min-height:820px;scroll-margin-top:24px;display:grid}.howCreateContent{flex-direction:column;justify-content:center;padding:82px 7vw;display:flex}.howCreateNumber{opacity:.55;margin-bottom:35px;font-size:12px;display:block}.howCreateContent h2{letter-spacing:-.055em;color:var(--kinity-green-dark);font-size:clamp(58px,5vw,96px);font-weight:500;line-height:.94}.howCreateLead{color:#253326b3;max-width:550px;margin-top:32px;font-size:17px;line-height:1.55}.howCreateSteps{grid-template-columns:1fr 1fr;column-gap:28px;max-width:620px;margin-top:28px;list-style:none;display:grid}.howCreateSteps li{border-top:1px solid #25332638;align-items:flex-start;gap:12px;padding:13px 0;display:flex}.howCreateSteps li>span{color:#2533267a;flex:none;padding-top:2px;font-size:10px;font-weight:700}.howCreateSteps li>p{color:var(--kinity-green-dark);margin:0;font-size:13px;line-height:1.4}.howCreatePromise{color:var(--kinity-green-dark);margin-top:25px;font-size:16px;line-height:1.45;display:block}.howCreateVisual{background:var(--kinity-green-dark);justify-content:center;align-items:center;min-height:820px;display:flex;position:relative;overflow:visible}.howCreateVisual img{object-fit:contain;width:min(570px,90%);height:auto;display:block}.howManifesto{background:var(--kinity-green-dark);color:#fff;padding:145px 7vw}.howManifesto>span{letter-spacing:.16em;margin-bottom:42px;font-size:11px;font-weight:700;display:block}.howManifesto h2{letter-spacing:-.06em;font-size:clamp(68px,7.4vw,138px);font-weight:500;line-height:.94}.howManifesto h2 span{color:#ffffff6b}.howFinal{background:var(--kinity-cream);justify-content:space-between;align-items:flex-end;gap:60px;padding:115px 7vw;display:flex}.howFinal>div>span{letter-spacing:.15em;margin-bottom:32px;font-size:11px;font-weight:700;display:block}.howFinal h2{letter-spacing:-.055em;color:var(--kinity-green-dark);font-size:clamp(56px,6vw,112px);font-weight:500;line-height:.94}.howFinalButton{background:var(--kinity-green-dark);color:#fff;border-radius:999px;flex-shrink:0;align-items:center;gap:30px;margin-bottom:8px;padding:18px 27px;font-size:11px;font-weight:700;transition:transform .2s,opacity .2s;display:flex}.howFinalButton:hover{opacity:.88;transform:translateY(-2px)}@media (max-width:1050px){.howHero{grid-template-columns:1fr}.howHeroVisual{min-height:560px}.howHeroText{padding:150px 24px 90px}.howIntro{grid-template-columns:1fr;gap:40px}.howStepLight{grid-template-columns:1fr}.howActivityPreview{margin-top:70px}.howStepGreen{grid-template-columns:1fr}.howConversationBody{grid-template-columns:1fr;gap:60px}.howCreate{grid-template-columns:1fr}.howCreateVisual{min-height:620px}.howFinal{flex-direction:column;align-items:flex-start}}@media (max-width:700px){.howHeroText{padding:135px 20px 70px}.howHeroText h1{font-size:clamp(58px,17vw,84px)}.howHeroText p{font-size:16px}.howHeroVisual{min-height:430px}.howHeroPhones{width:105%}.howIntro{padding:90px 24px}.howIntroText p{font-size:26px}.howStepLight{padding:100px 24px 80px}.howStepContent h2{font-size:clamp(54px,16vw,78px)}.howActivityPreview{min-height:440px}.howActivityCard{width:210px;height:340px;left:2%}.howActivityCardOffset{top:80px;left:42%}.howStepContentWhite,.howConversation{padding:90px 24px}.howConversationIntro h2{font-size:clamp(52px,15vw,76px)}.howConversationBody{margin-top:55px}.howChatDemo{padding:20px}.howConversationText p{font-size:17px}.howReal{min-height:650px}.howRealContent{padding:0 24px}.howRealContent h2{font-size:clamp(54px,16vw,82px)}.howCreateContent{padding:90px 24px}.howCreateContent h2{font-size:clamp(54px,16vw,82px)}.howCreateSteps{grid-template-columns:1fr}.howCreateVisual{min-height:520px}.howCreateVisual img{width:90%}.howManifesto{padding:100px 24px}.howManifesto h2{font-size:clamp(53px,15vw,80px)}.howFinal{padding:90px 24px}.howFinal h2{font-size:clamp(50px,15vw,76px)}}