.offer-100{color:var(--color-foreground);background:var(--color-background);padding-top:112px}.offer-100 .frame-block{max-width:1160px;margin:0 auto;padding:88px 32px;scroll-margin-top:128px}.offer-100 .frame-block+.frame-block{border-top:1px solid var(--color-border)}.offer-100 h1,.offer-100 h2,.offer-100 h3{color:var(--color-foreground);letter-spacing:-.035em;text-wrap:balance;font-weight:750;line-height:1.13}.offer-100 h1{max-width:1050px;margin:20px 0 24px;font-size:clamp(2.5rem,5vw,4.6rem)}.offer-100 h2{max-width:970px;margin:0 0 24px;font-size:clamp(2rem,3.4vw,3.25rem)}.offer-100 h3{letter-spacing:-.02em;margin:0 0 12px;font-size:1.2rem}.offer-100 p,.offer-100 li{color:var(--color-secondary);font-size:1.05rem;line-height:1.7}.offer-100 p{margin:0 0 20px}.offer-100 p:last-child{margin-bottom:0}.offer-100 strong{color:var(--color-foreground);font-weight:700}.offer-100 ul,.offer-100 ol{margin:16px 0;padding-left:1.4rem}.offer-100 ul{list-style:outside}.offer-100 ol{list-style:decimal}.offer-100 li{margin:10px 0;padding-left:4px}.offer-100 li::marker{color:var(--color-primary)}.offer-100 .grid-2,.offer-100 .grid-3{gap:16px;margin:32px 0;display:grid}.offer-100 .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.offer-100 .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.offer-100 .sub-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;margin:16px 0;padding:26px}.offer-100 .grid-2 .sub-box,.offer-100 .grid-3 .sub-box{margin:0}.offer-100 .sub-box p,.offer-100 .sub-box li{font-size:1rem}.offer-100 #hero{background:radial-gradient(ellipse at 78% 0%, color-mix(in srgb, var(--color-primary) 15%, transparent), transparent 58%), var(--color-background);max-width:none;padding:84px max(32px,50vw - 548px) 80px}.offer-100 #hero>.micro:first-child{color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 9%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-primary) 24%, transparent);letter-spacing:.045em;border-radius:999px;padding:9px 16px;font-size:.8rem;display:inline-block}.offer-100 #hero>.micro:first-child strong{color:var(--color-primary)}.offer-100 #hero>p:not(.micro){max-width:950px;font-size:clamp(1.1rem,1.5vw,1.25rem)}.offer-100 #hero .grid-3 h3{color:var(--color-primary);font-size:1.45rem}.offer-100 #hero>.sub-box{background:0 0;border:0;margin-top:32px;padding:0}.offer-100 .cta-box{min-height:56px;color:var(--color-primary-foreground);background:var(--color-primary);border-radius:12px;justify-content:center;align-items:center;padding:14px 28px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.offer-100 .cta-box:hover{background:var(--color-primary-hover);transform:translateY(-2px)}.offer-100 .cta-box:focus-visible,.offer-100 summary:focus-visible{outline:3px solid var(--color-primary);outline-offset:4px}.offer-100 #hero .cta-box{margin-bottom:16px}.offer-100 #offer>.sub-box{padding:30px}.offer-100 #offer>.sub-box:nth-of-type(2),.offer-100 #activate{border-color:color-mix(in srgb, var(--color-primary) 35%, var(--color-border))}.offer-100 .table-wrap{border:1px solid var(--color-border);border-radius:18px;width:100%;margin:30px 0;overflow-x:auto}.offer-100 table{border-collapse:collapse;text-align:left;width:100%;min-width:720px}.offer-100 th,.offer-100 td{border-bottom:1px solid var(--color-border);padding:18px;line-height:1.5}.offer-100 th{background:var(--color-surface-elevated);font-size:.9rem}.offer-100 td{color:var(--color-secondary)}.offer-100 tr:last-child td{border-bottom:0}.offer-100 #timeline li{border-bottom:1px solid var(--color-border);margin:0;padding:18px 0 18px 10px}.offer-100 #activate{background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));border:1px solid;border-radius:24px;margin-top:40px;margin-bottom:40px}.offer-100 #activate .sub-box{background:0 0;border:0;padding:0}.offer-100 details{border-bottom:1px solid var(--color-border);padding:20px 0}.offer-100 summary{cursor:pointer;padding-right:8px;font-weight:700;line-height:1.5}.offer-100 details p{margin:16px 0 0}.offer-100 code{overflow-wrap:anywhere}@media (max-width:767px){.offer-100{padding-top:112px}.offer-100 .frame-block,.offer-100 #hero{padding:58px 20px}.offer-100 #hero h1{font-size:clamp(2.15rem,9vw,3.4rem)}.offer-100 .grid-2,.offer-100 .grid-3{grid-template-columns:1fr}.offer-100 #activate{margin:24px 16px}.offer-100 .cta-box{width:100%}}