.soal-page{background:var(--c-paper)}.soal-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.soal-hero{position:relative;overflow:hidden;padding-block:var(--myc-space-9) var(--myc-space-8);background:var(--c-paper)}.soal-hero:before{position:absolute;inset:0;background-image:linear-gradient(to right,color-mix(in srgb,var(--c-primary) 4.5%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--c-primary) 4.5%,transparent) 1px,transparent 1px);background-size:48px 48px;content:"";pointer-events:none}.soal-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,4.5vw,64px);align-items:center}.soal-hero__content{min-width:0}.soal-hero__lead{max-width:570px}.soal-hero__visual{position:relative;isolation:isolate}.soal-hero__visual:before{position:absolute;z-index:-1;inset:-18px -18px 18px 18px;background:var(--myc-accent);border-radius:calc(var(--myc-radius-lg) + 6px);content:"";transform:rotate(-1.5deg)}.soal-hero__frame{overflow:hidden;margin:0;background:var(--c-surface);border:1px solid color-mix(in srgb,var(--myc-navy) 16%,transparent);border-radius:var(--myc-radius-lg);box-shadow:0 28px 70px color-mix(in srgb,var(--myc-navy) 18%,transparent)}.soal-hero__frame img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover}.soal-proof{background:var(--myc-navy)}.soal-marquee{position:relative;overflow:hidden;padding-block:var(--myc-space-5);border-bottom:1px solid color-mix(in srgb,var(--c-surface) 12%,transparent);background:var(--myc-navy);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}.soal-marquee__track{display:flex;width:max-content;animation:soal-marquee-loop 34s linear infinite;will-change:transform}.soal-marquee:hover .soal-marquee__track{animation-play-state:paused}.soal-marquee__group{display:flex;align-items:center;flex:none}.soal-marquee__item{display:inline-flex;align-items:center;gap:var(--myc-space-2);min-height:40px;margin-inline:6px;padding:8px var(--myc-space-4);border:1px solid color-mix(in srgb,var(--c-surface) 11%,transparent);border-radius:var(--myc-radius-sm);background:color-mix(in srgb,var(--c-surface) 5%,transparent);color:color-mix(in srgb,var(--c-surface) 82%,transparent);font-family:Plus Jakarta Sans,sans-serif;font-size:var(--myc-text-sm);font-weight:700;letter-spacing:.01em;white-space:nowrap}.soal-marquee__item svg{width:18px;height:18px;flex:0 0 auto;color:var(--c-accent-light)}@keyframes soal-marquee-loop{to{transform:translate3d(-25%,0,0)}}.soal-stats{padding-block:var(--myc-space-6);background:inherit}.soal-stats__inner{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.soal-stat{position:relative;padding:var(--myc-space-6) var(--myc-space-3);text-align:center}.soal-stat+.soal-stat:before{position:absolute;top:18%;bottom:18%;left:0;width:1px;background:color-mix(in srgb,var(--c-surface) 13%,transparent);content:""}.soal-stat__value{display:block;margin-bottom:8px;color:var(--c-surface);font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(24px,2.4vw,36px);font-feature-settings:"tnum";font-weight:700;letter-spacing:-.035em;line-height:1}.soal-stat__label{display:block;color:color-mix(in srgb,var(--c-surface) 48%,transparent);font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(8px,.95vw,10px);font-weight:600;letter-spacing:.12em;line-height:1.4;text-transform:uppercase}.soal-content{padding-block:clamp(72px,8vw,112px);background:var(--c-paper);scroll-margin-top:calc(var(--myc-header-h) + var(--myc-space-4))}.soal-content__grid{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(320px,.95fr);gap:var(--myc-space-6);align-items:stretch}.soal-content__main{display:grid;min-width:0;gap:var(--myc-space-6)}.soal-article{padding:clamp(34px,4.2vw,62px);border:1px solid color-mix(in srgb,var(--myc-navy) 9%,transparent);border-radius:var(--myc-radius-lg);background:var(--c-surface);box-shadow:var(--myc-shadow-sm)}.soal-article h2{max-width:760px;margin-bottom:var(--myc-space-5);color:var(--myc-navy);font-size:var(--myc-text-2xl)}.soal-article__lead{max-width:760px;padding-bottom:var(--myc-space-6);border-bottom:1px solid var(--myc-border);color:var(--myc-fg-muted);font-size:var(--myc-text-lg);line-height:1.75}.soal-article__body{display:grid;gap:var(--myc-space-5);padding-top:var(--myc-space-6)}.soal-article__body>p{max-width:680px;color:var(--myc-fg-muted);font-size:var(--myc-text-base);line-height:1.8}.soal-article__question{display:grid;gap:var(--myc-space-3);max-width:680px;padding:var(--myc-space-5);border-radius:var(--myc-radius-md);background:var(--c-blue-tint)}.soal-article__question>p{color:var(--myc-fg-muted);font-size:var(--myc-text-sm);font-weight:600}.soal-article__question blockquote{color:var(--myc-navy);font-family:Plus Jakarta Sans,sans-serif;font-size:var(--myc-text-lg);font-style:italic;font-weight:700;line-height:1.65}.soal-article__takeaway,.soal-article__emphasis{padding:var(--myc-space-3) var(--myc-space-5);border-left:4px solid var(--myc-accent);color:var(--myc-navy)!important;font-family:Plus Jakarta Sans,sans-serif;font-size:var(--myc-text-lg)!important;font-weight:700;line-height:1.65!important}.soal-article--practice{background:var(--c-surface)}.soal-article--practice h2{max-width:800px}.soal-article__callout{max-width:680px;padding:var(--myc-space-3) var(--myc-space-5);border-left:4px solid var(--myc-accent);color:var(--myc-navy);font-family:Plus Jakarta Sans,sans-serif;font-size:var(--myc-text-lg);font-weight:700;line-height:1.65}.soal-article__contrast{display:grid;gap:var(--myc-space-2);max-width:680px;padding:var(--myc-space-5);border-radius:var(--myc-radius-md);background:color-mix(in srgb,var(--myc-accent) 7%,var(--c-surface))}.soal-article__contrast p{color:var(--myc-fg-muted);font-size:var(--myc-text-base);line-height:1.75}.soal-article__contrast p:first-child{color:var(--myc-navy);font-family:Plus Jakarta Sans,sans-serif;font-weight:700}.soal-sidebar{min-width:0;align-self:stretch}.soal-sidebar__sticky{position:sticky;top:calc(var(--myc-header-h) + var(--myc-space-5));display:grid;gap:var(--myc-space-5)}.soal-access-card,.soal-subscription-card{border:1px solid color-mix(in srgb,var(--myc-navy) 8%,transparent);border-radius:var(--myc-radius-xl);background:var(--c-surface);box-shadow:var(--myc-shadow-sm)}.soal-access-card{padding:var(--myc-space-5)}.soal-access-card__promo{padding:10px var(--myc-space-3);border-radius:var(--myc-radius-full);background:linear-gradient(90deg,#ef1111,#f59e0b);box-shadow:0 4px 10px color-mix(in srgb,#ef1111 18%,transparent);color:var(--c-surface);font-family:Plus Jakarta Sans,sans-serif;font-size:var(--myc-text-2xs);font-weight:700;letter-spacing:.1em;line-height:1.4;text-align:center}.soal-access-card__promo span{margin-inline:5px}.soal-access-card__price-block{padding-top:var(--myc-space-6);text-align:center}.soal-access-card__normal{display:block;margin-bottom:var(--myc-space-2);color:var(--myc-fg-muted);font-size:var(--myc-text-base);font-weight:600}.soal-access-card__normal span{text-decoration:line-through}.soal-access-card__price{display:block;margin-bottom:var(--myc-space-2);color:#00a36c;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(32px,3.2vw,40px);font-feature-settings:"tnum";letter-spacing:-.035em;line-height:1}.soal-access-card__price-note{color:color-mix(in srgb,var(--myc-fg-muted) 68%,transparent);font-size:var(--myc-text-sm);line-height:1.5}.soal-access-card__button{width:100%;min-height:54px;justify-content:center;gap:var(--myc-space-2);border-color:#00a36c;background:#00a36c;box-shadow:0 7px 16px color-mix(in srgb,#00a36c 22%,transparent)}.soal-access-card__button:hover{border-color:#008f5f;background:#008f5f}.soal-access-card__note{display:block;margin-top:var(--myc-space-3);color:color-mix(in srgb,var(--myc-fg-muted) 62%,transparent);font-size:var(--myc-text-xs);font-weight:600;line-height:1.5;text-align:center}.soal-access-card__divider{height:1px;margin-block:var(--myc-space-5);background:var(--myc-border)}.soal-access-card__list-title{display:block;margin-bottom:var(--myc-space-4);color:var(--myc-fg-muted);font-family:Plus Jakarta Sans,sans-serif;font-size:var(--myc-text-xs);font-weight:700;letter-spacing:.12em}.soal-access-card__list{display:grid;gap:10px;margin-bottom:var(--myc-space-5)}.soal-access-card__list li{display:flex;align-items:flex-start;gap:var(--myc-space-2);color:var(--myc-fg-muted);font-size:var(--myc-text-sm);line-height:1.5}.soal-access-card__check{display:grid;width:18px;height:18px;flex:0 0 18px;place-items:center;color:#00a36c}.soal-access-card__trust{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--myc-space-4);padding-top:var(--myc-space-4);border-top:1px solid var(--myc-border)}.soal-access-card__trust span{display:inline-flex;align-items:center;gap:6px;color:color-mix(in srgb,var(--myc-fg-muted) 62%,transparent);font-size:var(--myc-text-xs)}.soal-access-card__trust svg{color:#00a36c}.soal-subscription-card{padding:var(--myc-space-5) var(--myc-space-6);background:color-mix(in srgb,var(--myc-accent) 2.5%,var(--c-surface))}.soal-subscription-card strong{display:block;margin-bottom:var(--myc-space-2);color:var(--myc-navy);font-family:Plus Jakarta Sans,sans-serif;font-size:var(--myc-text-base)}.soal-subscription-card p{margin-bottom:var(--myc-space-4);color:var(--myc-fg-muted);font-size:var(--myc-text-sm)}.soal-subscription-card__link{display:inline-flex;align-items:center;gap:var(--myc-space-2);color:var(--myc-accent);font-family:Plus Jakarta Sans,sans-serif;font-size:var(--myc-text-xs);font-weight:700;letter-spacing:.035em}.soal-subscription-card__link:hover{color:var(--c-primary-dk)}@media(max-width:1080px){.soal-stats__inner{grid-template-columns:repeat(3,minmax(0,1fr))}.soal-stat:nth-child(4):before{display:none}.soal-content__grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr)}}@media(max-width:960px){.soal-hero__inner,.soal-content__grid{grid-template-columns:1fr}.soal-hero__content{max-width:760px}.soal-hero__visual{width:min(860px,calc(100% - 18px));margin-inline:auto}.soal-sidebar__sticky{position:static}.soal-access-card,.soal-subscription-card{max-width:720px}}@media(max-width:640px){.soal-hero__inner{gap:var(--myc-space-8)}.soal-hero .hero-actions{flex-direction:column}.soal-hero .hero-actions .button{width:100%;justify-content:center}.soal-hero__visual{width:calc(100% - 12px)}.soal-hero__visual:before{inset:-10px -10px 10px 10px}.soal-hero__frame,.soal-article,.soal-access-card,.soal-subscription-card{border-radius:var(--myc-radius-md)}.soal-marquee{padding-block:var(--myc-space-4)}.soal-marquee__item{padding-inline:var(--myc-space-4)}.soal-stats,.soal-stat{padding-block:var(--myc-space-5)}.soal-content{padding-block:var(--myc-space-8)}.soal-article,.soal-access-card{padding:var(--myc-space-6)}.soal-article--practice h2 br{display:none}.soal-access-card__promo{letter-spacing:.06em}.soal-subscription-card{padding:var(--myc-space-5)}}@media(max-width:520px){.soal-stats__inner{grid-template-columns:repeat(2,minmax(0,1fr))}.soal-stat:nth-child(4):before{display:block}.soal-stat:nth-child(odd):before{display:none}.soal-stat__label{font-size:9px}.soal-article__question,.soal-article__contrast{padding:var(--myc-space-5)}}@media(prefers-reduced-motion:reduce){.soal-marquee__track{animation:none;transform:none}}
