.page-shell{margin:0 auto;max-width:min(1280px,calc(100vw - 48px));padding:1.75rem 0 4rem}@media(min-width:1024px){.page-shell{padding-top:2rem}}.hero{margin-top:1.5rem;max-width:880px}.hero-kicker{display:inline-block;margin:0;padding:.4rem .85rem;border-radius:999px;background:#6d5dfc1a;color:var(--color-accent);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.hero-title{margin:1.25rem 0 0;color:var(--color-ink);font-size:clamp(2.25rem,3.2vw,3.8rem);font-weight:900;line-height:1.05;letter-spacing:-.01em}.hero-title-accent{background:linear-gradient(90deg,#725cff,#f04f92);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{margin:1.5rem 0 0;max-width:720px;color:var(--color-muted);font-size:1.05rem;line-height:1.7}.section{margin-top:4rem}.section-title{margin:0;color:var(--color-ink);font-size:clamp(1.6rem,2.2vw,2.1rem);font-weight:900;line-height:1.2;letter-spacing:-.01em}.section-sub-title{margin:0 0 1rem;color:var(--color-ink);font-size:1.2rem;font-weight:800;line-height:1.3}.section-lead{margin:1rem 0 0;max-width:760px;color:var(--color-muted);font-size:1rem;line-height:1.7}.inline-link{color:var(--color-accent);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(109,93,252,.3);transition:border-color .16s ease,color .16s ease}.inline-link:hover,.inline-link:focus-visible{color:var(--color-accent-strong);border-bottom-color:var(--color-accent)}.card-grid{margin-top:1.75rem;display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.card-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.card{position:relative;padding:1.5rem;border:1px solid var(--color-line-soft);border-radius:14px;background:var(--color-surface);box-shadow:0 12px 28px var(--color-shadow-soft);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-accent) 40%,transparent);box-shadow:0 18px 36px var(--color-shadow-medium)}.card-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:11px;color:#fff;box-shadow:0 10px 20px #3136692e}.card-icon svg{width:24px;height:24px}.card-title{margin:1.1rem 0 0;color:var(--color-ink);font-size:1.1rem;font-weight:800;line-height:1.35}.card-text{margin:.6rem 0 0;color:var(--color-muted);font-size:.95rem;line-height:1.65}.style-list{margin-top:1.75rem;display:grid;grid-template-columns:1fr;gap:1.25rem}.style-block{padding:1.5rem;border:1px solid var(--color-line-soft);border-radius:14px;background:var(--color-surface);box-shadow:0 10px 24px var(--color-shadow-soft)}.style-title{margin:0;color:var(--color-ink);font-size:1.15rem;font-weight:800}.style-text{margin:.6rem 0 0;color:var(--color-muted);font-size:.95rem;line-height:1.65}.style-block .pseudo-grid{margin-top:1rem}.pseudo-inline{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none}.pseudo-inline li{display:inline-block}.pseudo-inline span{display:inline-flex;align-items:center;padding:.45rem .85rem;border:1px solid var(--color-line-soft);border-radius:8px;background:color-mix(in srgb,var(--color-surface-alt) 70%,transparent);color:var(--color-ink);font-family:Georgia,Times New Roman,serif;font-size:.92rem;font-weight:600}.quality-grid{margin-top:1.75rem;display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.quality-card{padding:1.4rem 1.5rem;border:1px solid var(--color-line-soft);border-radius:14px;background:var(--color-surface);transition:border-color .16s ease}.quality-card:hover{border-color:#6d5dfc4d}.quality-index{color:var(--color-accent);font-size:.95rem;font-weight:800;letter-spacing:.04em}.quality-title{margin:.5rem 0 0;color:var(--color-ink);font-size:1.05rem;font-weight:800}.quality-text{margin:.5rem 0 0;color:var(--color-muted);font-size:.95rem;line-height:1.65}.tip-grid{margin-top:1.75rem;display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.tip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tip-card{padding:1.4rem 1.5rem;border:1px solid var(--color-line-soft);border-radius:14px;background:var(--color-surface);transition:border-color .16s ease,box-shadow .16s ease}.tip-card:hover{border-color:color-mix(in srgb,var(--color-accent) 40%,transparent);box-shadow:0 14px 28px var(--color-shadow-soft)}.tip-card-accent{background:linear-gradient(135deg,#7d66ff0f,#f04f920a);border-color:#6d5dfc2e}.tip-title{margin:0;color:var(--color-ink);font-size:1.05rem;font-weight:800}.tip-text{margin:.6rem 0 0;color:var(--color-muted);font-size:.95rem;line-height:1.65}.method-card{padding:1.5rem;border:1px solid var(--color-line-soft);border-radius:14px;background:var(--color-surface);transition:border-color .16s ease,box-shadow .16s ease}.method-card:hover{border-color:color-mix(in srgb,var(--color-accent) 40%,transparent);box-shadow:0 14px 28px var(--color-shadow-soft)}.method-card h3{margin:0;color:var(--color-ink);font-size:1.08rem;font-weight:800}.method-card>p{margin:.6rem 0 0;color:var(--color-muted);font-size:.95rem;line-height:1.65}.method-examples{margin:1rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.4rem}.method-examples li{padding:.5rem .75rem;border-radius:8px;background:color-mix(in srgb,var(--color-surface-alt) 70%,transparent);color:var(--color-ink);font-size:.88rem;font-family:Georgia,Times New Roman,serif;font-weight:600}.steps-list{margin:1.5rem 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:.6rem;list-style:none;counter-reset:step}@media(min-width:640px){.steps-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.steps-list{grid-template-columns:repeat(5,minmax(0,1fr))}}.steps-list li{position:relative;padding:1rem 1rem 1rem 2.6rem;border:1px solid var(--color-line-soft);border-radius:12px;background:var(--color-surface);color:var(--color-ink);font-size:.92rem;font-weight:700;line-height:1.35;counter-increment:step}.steps-list li:before{content:counter(step);position:absolute;top:.95rem;left:.95rem;display:grid;width:22px;height:22px;place-items:center;border-radius:999px;background:linear-gradient(135deg,#6d5dfc,#f04f92);color:#fff;font-size:.72rem;font-weight:800}.transform-group{margin-top:2rem}.transform-group+.transform-group{margin-top:2.25rem}.transform-grid{margin-top:1rem;display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:768px){.transform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.transform-card{padding:1rem 1.15rem;border:1px solid var(--color-line-soft);border-radius:12px;background:var(--color-surface);display:flex;flex-direction:column;gap:.35rem}.transform-base{color:var(--color-accent);font-size:.82rem;font-weight:800;letter-spacing:.02em}.transform-rule{color:var(--color-muted);font-size:.85rem;line-height:1.5}.transform-result{color:var(--color-ink);font-family:Georgia,Times New Roman,serif;font-size:.96rem;font-weight:600}.checklist{margin:1.25rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.checklist li{position:relative;padding-left:1.8rem;color:var(--color-ink);font-size:.97rem;line-height:1.65}.checklist li:before{content:"";position:absolute;left:0;top:.55rem;width:18px;height:18px;border-radius:999px;background:linear-gradient(135deg,#6d5dfc2e,#f04f922e);border:1px solid rgba(109,93,252,.35)}.checklist li:after{content:"";position:absolute;left:5px;top:.85rem;width:8px;height:5px;border-left:2px solid var(--color-accent);border-bottom:2px solid var(--color-accent);transform:rotate(-45deg)}