.homepage-design.niche-krokdob1{--krok-red:var(--primary);--krok-ink:var(--heading);--krok-blush:#fbecee;--krok-soft:#fbf2f3}.niche-krokdob1 .krok-start{grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);grid-template-areas:"copy exercise""practice practice""survey survey""materials materials";align-items:center;gap:44px 64px;padding-block:48px 56px;display:grid}.niche-krokdob1 .krok-hero-copy{grid-area:copy;min-width:0}.niche-krokdob1 .krok-hero-copy .eyebrow{letter-spacing:.07em;max-width:none;color:var(--heading);margin-bottom:20px;font-size:.75rem}.niche-krokdob1 .krok-hero-copy h1{isolation:isolate;letter-spacing:-.055em;text-wrap:balance;max-width:14ch;margin-bottom:24px;font-size:clamp(2.75rem,4.5vw,3.75rem);font-weight:780;line-height:1.08;position:relative}.niche-krokdob1 .krok-hero-copy h1 span{color:var(--accent);margin-top:8px;display:inline-block;position:relative}.niche-krokdob1 .krok-hero-copy h1 span:before{content:"";z-index:-1;clip-path:polygon(0 20%,80% 20%,80% 0,89% 0,89% 24%,95% 24%,95% 57%,100% 57%,100% 100%,0 100%);background:#f9d8dd;border-radius:7px;position:absolute;inset:-8px -12px -5px}.niche-krokdob1 .krok-hero-copy .lead{max-width:44ch;margin-bottom:0;font-size:1.125rem;line-height:1.6}.niche-krokdob1 .krok-hero-copy .actions{flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:24px;display:flex}.niche-krokdob1 .action{border-radius:5px;min-height:48px;padding-inline:20px;font-size:1rem}.niche-krokdob1 .krok-text-link{min-height:44px;color:var(--accent);justify-content:space-between;align-items:center;gap:12px;font-size:1rem;font-weight:650;line-height:1.4;display:inline-flex}.niche-krokdob1 .krok-text-link:hover{text-underline-offset:5px;text-decoration:underline}.niche-krokdob1 .krok-caption{max-width:48ch;color:var(--muted);margin:8px 0 0;font-size:.875rem;line-height:1.6}.niche-krokdob1 .krok-caption .krok-text-link{color:var(--heading);text-underline-offset:5px;text-decoration:underline #daafb6}.niche-krokdob1 .krok-caption .krok-text-link span{color:var(--accent)}.niche-krokdob1 .krok-materials{grid-area:materials;min-width:0;scroll-margin-top:24px}.niche-krokdob1 .krok-practice{grid-area:practice;min-width:0;scroll-margin-top:24px}.niche-krokdob1 .krok-practice .krok-section-heading{grid-template-columns:minmax(0,1fr);margin-bottom:16px}.niche-krokdob1 .krok-section-heading{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:end;gap:40px;margin-bottom:24px;display:grid}.niche-krokdob1 .krok-section-heading .eyebrow{color:var(--heading);margin-bottom:10px}.niche-krokdob1 .krok-section-heading h2{letter-spacing:-.045em;margin-bottom:0;font-size:clamp(1.875rem,2.7vw,2.5rem);font-weight:750;line-height:1.2}.niche-krokdob1 .krok-section-heading>p{color:var(--muted);margin:0;font-size:1rem}.niche-krokdob1 .krok-survey{isolation:isolate;grid-area:survey;min-width:0;position:relative}.niche-krokdob1 .krok-survey:before{content:"";z-index:-1;background:var(--krok-blush);clip-path:polygon(0 0,95% 0,95% 12px,98% 12px,98% 28px,100% 28px,100% calc(100% - 28px),98% calc(100% - 28px),98% calc(100% - 12px),95% calc(100% - 12px),95% 100%,0 100%);border-radius:8px;position:absolute;inset:0 -12px}.niche-krokdob1 .krok-survey-icon{width:76px;color:var(--accent);place-items:center;display:grid;position:absolute;top:32px;left:12px}.niche-krokdob1 .krok-survey-icon .learning-icon{width:62px;height:62px}.niche-krokdob1 .krok-survey .future-platform-card{background:0 0;border:0;border-radius:0;gap:24px 28px;padding:28px 28px 28px 112px}.niche-krokdob1 .krok-survey .future-platform-copy{border-left:1px solid #d9bfc4;padding-left:24px}.homepage-design.niche-krokdob1 .krok-survey .future-platform-card .future-platform-label{color:var(--heading);font-size:.75rem}.niche-krokdob1 .krok-survey h2{letter-spacing:-.035em;font-weight:750}.homepage-design.niche-krokdob1 .krok-survey .future-platform-card .future-platform-description{font-size:1rem;line-height:1.55}.niche-krokdob1 .krok-survey .future-platform-actions{border-left:1px solid #d9bfc4;padding-left:28px}.niche-krokdob1 .krok-material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.niche-krokdob1 .krok-material-card{border:1px solid var(--line);background:var(--surface);border-radius:5px;flex-direction:column;align-items:start;min-width:0;padding:22px;transition:border-color .15s,background-color .15s;display:flex;position:relative}.niche-krokdob1 .krok-material-card-featured{border-left:3px solid var(--accent)}.niche-krokdob1 .krok-material-card:hover{border-color:var(--accent);background:var(--krok-soft)}.niche-krokdob1 .krok-card-meta{width:100%;color:var(--muted);flex-direction:row;justify-content:start;align-items:center;gap:12px;margin-bottom:16px;font-size:.8125rem;font-weight:650;display:flex}.niche-krokdob1 .krok-card-meta>:first-child{border-right:1px solid var(--line);color:var(--accent);letter-spacing:-.05em;font-variant-numeric:tabular-nums;padding-right:12px;font-size:2rem;font-weight:750;line-height:1}.niche-krokdob1 .krok-material-card h3{letter-spacing:-.035em;margin-bottom:12px;font-size:1.25rem;font-weight:750;line-height:1.35}.niche-krokdob1 .krok-material-card p{color:var(--muted);margin-bottom:18px;font-size:1rem}.niche-krokdob1 .krok-card-action{width:100%;min-height:44px;color:var(--accent);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;font-size:1rem;font-weight:650;line-height:1.4;display:flex}.niche-krokdob1 .krok-material-card:hover .krok-card-action{text-underline-offset:5px;text-decoration:underline}.niche-krokdob1 .krok-method{background:var(--krok-soft);border-block:1px solid var(--line);padding-block:44px;scroll-margin-top:24px}.niche-krokdob1 .krok-method-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding:0;list-style:none;display:grid}.niche-krokdob1 .krok-step-number{color:var(--accent);border-bottom:1px solid #dbcbd0;margin-bottom:14px;padding-bottom:10px;font-size:.875rem;font-weight:750;display:block}.niche-krokdob1 .krok-method-grid h3{margin-bottom:8px;font-size:1.125rem;font-weight:700}.niche-krokdob1 .krok-method-grid p{color:var(--muted);margin-bottom:0;font-size:1rem}.niche-krokdob1 .krok-faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:48px;padding-block:52px 44px;display:grid}.niche-krokdob1 .krok-faq h2{letter-spacing:-.045em;font-size:clamp(1.875rem,2.7vw,2.5rem);font-weight:750}.niche-krokdob1 .krok-questions details{border-bottom:1px solid var(--line)}.niche-krokdob1 .krok-questions details:first-child{border-top:1px solid var(--line)}.niche-krokdob1 .krok-questions summary{cursor:pointer;color:var(--heading);min-height:44px;padding:17px 12px 17px 0;font-size:1rem;font-weight:650;line-height:1.5}.niche-krokdob1 .krok-questions details p{color:var(--muted);margin:0 0 18px;font-size:1rem}.niche-krokdob1 .krok-questions details a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.niche-krokdob1 :where(a,summary):focus-visible{outline:3px solid var(--accent);outline-offset:5px}@media (width<=1000px){.niche-krokdob1 .krok-start{gap:36px 32px}.niche-krokdob1 .krok-hero-copy h1{font-size:clamp(2.5rem,4.7vw,3.5rem)}.niche-krokdob1 .krok-section-heading{grid-template-columns:minmax(0,1fr);gap:12px}.niche-krokdob1 .krok-material-card{padding:20px}.niche-krokdob1 .krok-survey .future-platform-card{padding-left:92px}.niche-krokdob1 .krok-survey-icon{left:6px}}@media (width<=760px){.niche-krokdob1 .krok-start{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""practice""survey""exercise""materials";gap:20px;padding-block:20px 36px}.niche-krokdob1 .krok-hero-copy h1{max-width:18ch;margin-bottom:16px;font-size:clamp(2.125rem,7.8vw,3.25rem)}.niche-krokdob1 .krok-hero-copy .eyebrow{margin-bottom:12px}.niche-krokdob1 .krok-hero-copy .lead{max-width:52ch;line-height:1.5}.niche-krokdob1 .krok-hero-copy .actions{flex-direction:column;align-items:stretch;gap:4px;margin-top:12px}.niche-krokdob1 .krok-hero-copy .actions>.krok-text-link{align-self:start}.niche-krokdob1 .krok-practice .krok-section-heading{margin-bottom:10px}.niche-krokdob1 .krok-practice .krok-section-heading h2{font-size:1.5rem;line-height:1.2}.niche-krokdob1 .krok-survey .future-platform-card{gap:18px;padding:24px}.niche-krokdob1 .krok-survey-icon{width:40px;top:24px;left:24px}.niche-krokdob1 .krok-survey-icon .learning-icon{width:40px;height:40px}.niche-krokdob1 .krok-survey .future-platform-copy{border-left:0;padding-left:0}.homepage-design.niche-krokdob1 .krok-survey .future-platform-card .future-platform-label{align-items:center;min-height:40px;margin-bottom:12px;padding-left:54px;display:flex}.niche-krokdob1 .krok-survey .future-platform-actions{border-top:1px solid #d9bfc4;border-left:0;padding:18px 0 0}.niche-krokdob1 .krok-material-grid,.niche-krokdob1 .krok-method-grid{grid-template-columns:minmax(0,1fr)}.niche-krokdob1 .krok-material-card{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px 16px;padding:18px;display:grid}.niche-krokdob1 .krok-card-meta{grid-column:1/-1;margin:0 0 6px}.niche-krokdob1 .krok-card-meta>:first-child{font-size:1.75rem}.niche-krokdob1 .krok-material-card h3,.niche-krokdob1 .krok-material-card p{grid-column:1;margin-bottom:0}.niche-krokdob1 .krok-material-card p{line-height:1.55}.niche-krokdob1 .krok-card-action{grid-area:2/2/4;align-self:center;width:auto;min-height:0;margin:0;font-size:1.375rem}.niche-krokdob1 .krok-card-action-text{display:none}.niche-krokdob1 .krok-method-grid{gap:24px}.niche-krokdob1 .krok-faq{grid-template-columns:minmax(0,1fr);gap:8px}.niche-krokdob1 .krok-method,.niche-krokdob1 .krok-faq{padding-block:36px}}@media (width<=680px){.homepage-design.niche-krokdob1 .wrap{width:calc(100% - 40px)}.niche-krokdob1 .krok-hero-copy h1{font-size:clamp(2.125rem,8.7vw,2.5rem)}.niche-krokdob1 .krok-hero-copy h1 span:before{inset-inline:-5px -8px}.niche-krokdob1 .krok-section-heading{margin-bottom:20px}}@media (width<=380px){.homepage-design.niche-krokdob1 .wrap{width:calc(100% - 32px)}.niche-krokdob1 .action{width:100%;padding-inline:14px}}@media (prefers-reduced-motion:reduce){.niche-krokdob1 .krok-material-card{transition:none}}