:root{--bg: #F7F7FC;--bg-2: #FFFFFF;--card: #FFFFFF;--card-2: #F4F1FF;--line: rgba(20,20,60,.09);--text: #14142B;--muted: #5B5B7A;--violet: #6D4AFF;--cyan: #0E7490;--violet-dark: #5835E8;--violet-soft: #EEEAFF;--radius: 18px;--shadow: 0 20px 50px -20px rgba(109,74,255,.35);--soft: 0 6px 24px -8px rgba(20,20,60,.10);--font-head: "Space Grotesk",system-ui,sans-serif;--font-body: "Inter",system-ui,sans-serif}*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}html{scroll-behavior: smooth;scroll-padding-top: 80px;overflow-x: clip}body{font-family: var(--font-body);background: var(--bg);color: var(--text);line-height: 1.65;overflow-x: hidden;-webkit-font-smoothing: antialiased}img{max-width: 100%;display: block}a{color: inherit;text-decoration: none}h1,h2,h3{font-family: var(--font-head);line-height: 1.15;letter-spacing: -.02em}h1{font-size: clamp(2.2rem,5.2vw,3.9rem)}h2{font-size: clamp(1.8rem,3.6vw,2.7rem)}h3{font-size: 1.15rem}.container{width: min(1180px,100% - 32px);margin-inline: auto}.grad{color: var(--violet)}.muted{color: var(--muted)}.eyebrow{display: inline-block;font-family: var(--font-head);font-size: .8rem;font-weight: 600;letter-spacing: .18em;text-transform: uppercase;color: var(--cyan);margin-bottom: 14px}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 14px 26px;border-radius: 999px;border: 0;cursor: pointer;background: var(--violet);color: #fff;font: 600 .98rem var(--font-body);box-shadow: var(--shadow);transition: transform .25s,box-shadow .25s}.btn:hover{transform: translateY(-2px);background: var(--violet-dark)}.btn-sm{padding: 10px 20px;font-size: .9rem}.btn-ghost{background: #fff;color: var(--text);border: 1px solid var(--line);box-shadow: none}.btn-ghost:hover{border-color: var(--violet);background: #fff;box-shadow: none}.btn-block{width: 100%}.link-arrow{display: inline-block;margin-top: 10px;color: var(--cyan);font-weight: 600}.link-arrow:hover{text-decoration: underline}.header{position: sticky;top: 0;z-index: 50;backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);background: rgba(255,255,255,.7);border-bottom: 1px solid transparent;transition: border-color .3s,background .3s}.header.scrolled{border-color: var(--line);background: rgba(255,255,255,.92);box-shadow: var(--soft)}.nav{display: flex;align-items: center;justify-content: space-between;height: 72px}.brand{display: flex;align-items: center;gap: 10px}.brand-text{font-family: var(--font-head);font-weight: 700;font-size: 1.4rem;letter-spacing: -.02em}.tld{color: var(--muted);font-weight: 500}.nav-links{display: flex;align-items: center;gap: 30px}.nav-links a:not(.btn){color: var(--muted);font-weight: 500;font-size: .95rem;transition: color .2s}.nav-links a:not(.btn):hover{color: var(--text)}.menu-toggle{display: none;background: none;border: 0;cursor: pointer;padding: 8px}.menu-toggle span{display: block;width: 24px;height: 2px;background: var(--text);margin: 5px 0;transition: .3s}.hero{padding: 80px 0 60px;overflow: hidden;overflow: clip}.hero-grid{display: grid;grid-template-columns: 1.15fr .85fr;gap: 50px;align-items: center}.pill{display: inline-flex;align-items: center;gap: 8px;padding: 7px 16px;border-radius: 999px;border: 1px solid var(--line);background: #fff;box-shadow: var(--soft);font-size: .85rem;color: var(--muted);margin-bottom: 24px}.dot{width: 8px;height: 8px;border-radius: 50%;background: #22C55E;box-shadow: 0 0 0 4px rgba(34,197,94,.2);animation: pulse 2s infinite}@keyframes pulse{50%{box-shadow: 0 0 0 8px rgba(34,197,94,0)}}.lead{font-size: 1.12rem;color: var(--muted);max-width: 560px;margin: 22px 0 32px}.hero-cta{display: flex;flex-wrap: wrap;gap: 14px}.stats{list-style: none;display: flex;gap: 40px;margin-top: 48px;flex-wrap: wrap}.stats li{display: flex;flex-direction: column}.stats strong{font-family: var(--font-head);font-size: 2.2rem;line-height: 1}.stats strong::after{content: attr(data-suffix)}.stats span{color: var(--muted);font-size: .88rem;margin-top: 6px}.hero-visual{position: relative;aspect-ratio: 1;max-width: 460px;width: 100%;justify-self: center}.core{position: absolute;inset: 50% auto auto 50%;transform: translate(-50%,-50%);width: 150px;height: 150px;border-radius: 36px;display: grid;place-items: center;background: var(--card);border: 1px solid var(--line);box-shadow: 0 30px 80px -10px rgba(109,74,255,.35)}.core img{width: 110px;height: 110px;border-radius: 26px}.orbit{position: absolute;inset: 50% auto auto 50%;border: 1.5px dashed rgba(109,74,255,.28);border-radius: 50%;transform: translate(-50%,-50%)}.orbit-1{width: 70%;height: 70%;animation: spin 18s linear infinite}.orbit-2{width: 98%;height: 98%;animation: spin 30s linear infinite reverse}.planet{position: absolute;top: -7px;left: 50%;width: 14px;height: 14px;border-radius: 50%;background: var(--cyan);box-shadow: 0 0 20px var(--cyan)}.planet.p2{background: var(--violet);box-shadow: 0 0 20px var(--violet);top: auto;bottom: 12%;left: 8%}@keyframes spin{to{transform: translate(-50%,-50%) rotate(360deg)}}.chip{position: absolute;padding: 8px 16px;border-radius: 12px;font: 600 .85rem var(--font-head);background: #fff;border: 1px solid var(--line);box-shadow: 0 12px 30px -10px rgba(20,20,60,.18);animation: float 6s ease-in-out infinite}.chip-1{top: 8%;left: 2%}.chip-2{top: 18%;right: 0;animation-delay: -1.5s}.chip-3{bottom: 14%;left: 0;animation-delay: -3s}.chip-4{bottom: 6%;right: 10%;animation-delay: -4.5s}@keyframes float{50%{transform: translateY(-12px)}}.marquee{border-block: 1px solid var(--line);overflow: hidden;padding: 18px 0;background: #fff}.marquee-track{display: flex;gap: 48px;width: max-content;animation: scroll 40s linear infinite}.marquee-track span{font-family: var(--font-head);font-weight: 600;color: var(--muted);white-space: nowrap;font-size: 1.05rem}.marquee-track span::before{content: "✦";margin-right: 48px;color: var(--violet)}@keyframes scroll{to{transform: translateX(-50%)}}.section{padding: 100px 0}.section-head{text-align: center;max-width: 640px;margin: 0 auto 56px}.section-head h2{margin-bottom: 12px}.about-grid{display: grid;grid-template-columns: .8fr 1.2fr;gap: 60px;align-items: center}.about-card{background: var(--card);border: 1px solid var(--line);border-radius: 24px;padding: 40px 32px;text-align: center;position: relative;overflow: hidden}.about-card::before{content: "";position: absolute;inset: 0 0 auto;height: 110px;background: var(--violet)}.avatar{position: relative;width: 110px;height: 110px;margin: 0 auto 18px;border-radius: 50%;display: grid;place-items: center;font: 700 2.4rem var(--font-head);background: var(--bg);border: 3px solid transparent;border-color: var(--violet)}.about-name{position: relative;font: 700 1.4rem var(--font-head);letter-spacing: -.02em}.about-meta{list-style: none;margin-top: 24px;text-align: left;border-top: 1px solid var(--line)}.about-meta li{display: flex;justify-content: space-between;padding: 12px 0;border-bottom: 1px solid var(--line);font-weight: 500;font-size: .95rem}.about-meta span{color: var(--muted);font-weight: 400}.about-copy h2{margin-bottom: 20px}.about-copy p{color: var(--muted);margin-bottom: 16px;font-size: 1.04rem}.services-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px}.service{background: var(--card);border: 1px solid var(--line);border-radius: var(--radius);padding: 28px 24px;transition: transform .3s,border-color .3s,background .3s}.service:hover{transform: translateY(-6px);border-color: rgba(124,92,255,.5);background: var(--card-2)}.service .icon{width: 50px;height: 50px;border-radius: 14px;display: grid;place-items: center;margin-bottom: 20px;background: var(--violet-soft)}.service .icon svg{width: 24px;height: 24px;fill: var(--cyan)}.service h3{margin-bottom: 10px}.service p{color: var(--muted);font-size: .94rem}.service-cta{background: var(--violet);color: #fff;border: 0;display: flex;flex-direction: column;justify-content: center}.service-cta:hover{background: var(--violet-dark)}.service-cta p{color: #fff;margin-bottom: 18px}.service-cta .btn{background: #fff;color: #3B1FB8;box-shadow: none;align-self: flex-start}.work-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(340px,1fr));gap: 24px}.work-card{display: block;background: var(--card);border: 1px solid var(--line);border-radius: 20px;overflow: hidden;transition: transform .3s,border-color .3s,box-shadow .3s}.work-card:hover{transform: translateY(-6px);border-color: rgba(34,211,238,.45);box-shadow: var(--shadow)}.work-thumb{position: relative;aspect-ratio: 16 / 10;overflow: hidden;background: var(--card-2)}.work-thumb .fallback{position: absolute;inset: 0;display: grid;place-items: center;text-align: center;padding: 20px;font: 700 1.6rem var(--font-head);color: rgba(255,255,255,.92)}.work-thumb img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: top;opacity: 0;transition: opacity .5s,transform 4s ease}.work-thumb img.loaded{opacity: 1}.work-card:hover .work-thumb img{transform: scale(1.06)}.browser-bar{display: flex;gap: 6px;padding: 10px 14px;background: #EEF0F7;border-bottom: 1px solid var(--line)}.browser-bar i{width: 9px;height: 9px;border-radius: 50%;background: #3a3a5a}.browser-bar i:nth-child(1){background: #FF5F57}.browser-bar i:nth-child(2){background: #FEBC2E}.browser-bar i:nth-child(3){background: #28C840}.work-body{padding: 20px 22px 24px}.work-tag{font-size: .75rem;font-weight: 600;letter-spacing: .08em;text-transform: uppercase;color: var(--cyan)}.work-body h3{margin: 6px 0 4px;font-size: 1.2rem}.work-url{color: var(--muted);font-size: .88rem;display: flex;justify-content: space-between;align-items: center}.work-url .arrow{transition: transform .3s;color: var(--text)}.work-card:hover .arrow{transform: translate(3px,-3px)}.process{list-style: none;display: grid;grid-template-columns: repeat(4,1fr);gap: 20px;counter-reset: s}.process li{position: relative;padding: 30px 24px;border-radius: var(--radius);background: var(--card);border: 1px solid var(--line)}.step{font: 700 2.6rem var(--font-head);color: var(--violet);opacity: .9}.process h3{margin: 10px 0 8px}.process p{color: var(--muted);font-size: .94rem}.contact-box{display: grid;grid-template-columns: 1fr 1fr;gap: 50px;padding: 56px;border-radius: 28px;background: #fff;border: 1px solid var(--line);position: relative;overflow: hidden}.contact-copy h2{margin-bottom: 16px}.contact-list{list-style: none;margin-top: 30px;display: grid;gap: 14px}.contact-list a{display: flex;align-items: center;gap: 16px;padding: 14px;border-radius: 14px;border: 1px solid var(--line);transition: border-color .25s,background .25s}.contact-list a:hover{border-color: var(--cyan);background: rgba(34,211,238,.05)}.contact-list small{display: block;color: var(--muted);font-size: .78rem;text-transform: uppercase;letter-spacing: .1em}.contact-list span{word-break: break-word}.c-icon{flex: none;width: 44px;height: 44px;border-radius: 12px;display: grid;place-items: center;background: var(--violet)}.c-icon svg{width: 20px;height: 20px;fill: #fff}.contact-form{position: relative;z-index: 1;display: grid;gap: 16px}.contact-form label{display: grid;gap: 6px;font-size: .88rem;font-weight: 500;color: var(--muted)}.contact-form input,.contact-form select,.contact-form textarea{width: 100%;padding: 13px 16px;border-radius: 12px;border: 1px solid var(--line);background: #fff;color: var(--text);font: 400 .98rem var(--font-body);transition: border-color .2s}.contact-form select option{background: var(--bg-2)}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline: none;border-color: var(--violet)}.contact-form textarea{resize: vertical}.form-note{font-size: .8rem;color: var(--muted);text-align: center}.hp{position: absolute !important;left: -9999px;width: 1px;height: 1px;overflow: hidden}.contact-form .captcha label{display: block}.captcha label strong{color: var(--violet);font-family: var(--font-head);font-size: 1.05rem}.captcha-row{display: flex;gap: 10px;margin-top: 6px}.captcha-refresh{flex: none;width: 50px;border-radius: 12px;border: 1px solid var(--line);background: #fff;color: var(--violet);font-size: 1.3rem;cursor: pointer;transition: border-color .2s}.captcha-refresh:hover{border-color: var(--violet)}.form-error{color: #DC2626;font-size: .85rem;margin-top: 6px;min-height: 1em}.form-error:empty{display: none}.footer{background: #fff;border-top: 1px solid var(--line);padding-top: 1px;margin-top: 110px}.footer-cta{display: flex;align-items: center;justify-content: space-between;gap: 30px;flex-wrap: wrap;background: var(--violet);color: #fff;border-radius: 24px;padding: 44px 48px;margin-top: -70px;box-shadow: 0 24px 50px -24px rgba(109,74,255,.55)}.footer-cta h2{font-size: clamp(1.5rem,2.8vw,2rem);margin-bottom: 6px}.footer-cta p{color: #fff}.footer-cta-actions{display: flex;gap: 12px;flex-wrap: wrap}.btn-light{background: #fff;color: var(--violet-dark);box-shadow: none}.btn-light:hover{background: #F1EEFF}.btn-outline-light{background: transparent;border: 1.5px solid rgba(255,255,255,.6);box-shadow: none}.btn-outline-light:hover{background: rgba(255,255,255,.12);border-color: #fff}.footer-grid{display: grid;grid-template-columns: 1.6fr 1fr 1.2fr 1.3fr;gap: 40px;padding: 64px 0 48px}.footer-brand p{color: var(--muted);margin: 18px 0;max-width: 340px;font-size: .95rem}.footer .brand-text{font-size: 1.3rem}.footer-status{display: inline-flex;align-items: center;gap: 8px;padding: 6px 14px;border-radius: 999px;background: #ECFDF3;color: #15803D;font-size: .82rem;font-weight: 600}.footer-col .footer-h{font: 600 .82rem var(--font-head);letter-spacing: .14em;text-transform: uppercase;margin-bottom: 18px}.footer-col ul{list-style: none;display: grid;gap: 11px}.footer-col a,.footer-col span{color: var(--muted);font-size: .95rem;transition: color .2s;word-break: break-word}.footer-col a:hover{color: var(--violet)}.footer-bottom{display: flex;align-items: center;justify-content: space-between;gap: 16px;flex-wrap: wrap;border-top: 1px solid var(--line);padding: 22px 0 28px;font-size: .88rem;color: var(--muted)}.to-top{color: var(--text);font-weight: 600;transition: color .2s}.to-top:hover{color: var(--violet)}.reveal{opacity: 0;transform: translateY(28px);transition: opacity .8s ease,transform .8s ease}.reveal.in{opacity: 1;transform: none}@media (max-width: 1024px){.services-grid{grid-template-columns: repeat(2,1fr)}.process{grid-template-columns: repeat(2,1fr)}}@media (max-width: 860px){.menu-toggle{display: block}.nav-links{position: fixed;inset: 72px 0 auto;flex-direction: column;gap: 0;padding: 12px 16px 24px;background: rgba(255,255,255,.98);box-shadow: var(--soft);border-bottom: 1px solid var(--line);transform: translateY(-120%);transition: transform .35s ease;z-index: -1}.nav-links.open{transform: none}.nav-links a:not(.btn){padding: 14px 0;width: 100%;border-bottom: 1px solid var(--line)}.nav-links .btn{margin-top: 18px;width: 100%}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform: translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity: 0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform: translateY(-7px) rotate(-45deg)}.hero{padding-top: 50px}.hero-grid,.about-grid,.contact-box{grid-template-columns: 1fr}.hero-visual{max-width: 280px;margin-top: 10px}.contact-box{padding: 32px 20px;gap: 36px}.section{padding: 72px 0}.work-grid{grid-template-columns: 1fr}.footer-grid{grid-template-columns: 1fr 1fr}.footer-cta{padding: 32px 24px}}@media (max-width: 520px){.services-grid,.process{grid-template-columns: 1fr}.stats{gap: 26px}.stats strong{font-size: 1.8rem}.hero-cta .btn{flex: 1 1 100%}.footer-grid{grid-template-columns: 1fr;gap: 32px}.footer-cta-actions .btn{flex: 1 1 100%}.footer-bottom{justify-content: center;text-align: center}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation: none !important;transition: none !important}.reveal{opacity: 1;transform: none}}.about-card,.service,.work-card,.process li,.contact-list a{box-shadow: var(--soft)}.about-card .muted{position: relative}.avatar{background: #fff;color: var(--violet)}.contact-box{background: #fff;box-shadow: 0 30px 80px -30px rgba(109,74,255,.3)}.service .icon svg{fill: var(--violet)}.contact-list a{background: #fff}.core img{box-shadow: 0 10px 28px rgba(109,74,255,.35)}.form-row{display: grid;grid-template-columns: 1fr 1fr;gap: 16px}.opt{font-weight: 400;opacity: .75}.form-msg{font-size: .92rem;font-weight: 600;text-align: center;color: var(--violet)}.form-msg:empty{display: none}.form-msg.ok{color: #15803D}.form-msg.err{color: #DC2626}.btn:disabled{opacity: .65;cursor: wait;transform: none}@media (max-width: 520px){.form-row{grid-template-columns: 1fr}}.faq-wrap{max-width: 820px}.faq{display: grid;gap: 12px}.faq details{background: #fff;border: 1px solid var(--line);border-radius: 14px;box-shadow: var(--soft);transition: border-color .2s}.faq details[open]{border-color: rgba(109,74,255,.45)}.faq summary{list-style: none;cursor: pointer;padding: 18px 22px;font: 600 1.02rem var(--font-head);display: flex;justify-content: space-between;align-items: center;gap: 16px}.faq summary::-webkit-details-marker{display: none}.faq summary::after{content: "+";flex: none;width: 28px;height: 28px;border-radius: 50%;display: grid;place-items: center;background: var(--violet-soft);color: var(--violet);font-size: 1.2rem;transition: transform .25s}.faq details[open] summary::after{transform: rotate(45deg)}.faq details p{padding: 0 22px 20px;color: var(--muted)}.industries{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px}.industry{position: relative;display: block;background: #fff;border: 1px solid var(--line);border-radius: var(--radius);padding: 28px 24px 56px;box-shadow: var(--soft);transition: transform .3s,border-color .3s}.industry:hover{transform: translateY(-6px);border-color: var(--violet)}.ind-icon{width: 50px;height: 50px;border-radius: 14px;display: grid;place-items: center;background: var(--violet);margin-bottom: 18px}.ind-icon svg{width: 24px;height: 24px;fill: #fff}.industry h3{margin-bottom: 8px}.industry p{color: var(--muted);font-size: .94rem}.ind-arrow{position: absolute;left: 24px;bottom: 20px;color: var(--violet);font-weight: 700;transition: transform .25s}.industry:hover .ind-arrow{transform: translateX(6px)}.wa-float{position: fixed;right: 20px;bottom: 20px;z-index: 60;display: flex;align-items: center;gap: 8px;padding: 12px 18px 12px 14px;border-radius: 999px;background: #25D366;color: #fff;font-weight: 600;font-size: .95rem;box-shadow: 0 12px 30px -8px rgba(37,211,102,.6);transition: transform .25s}.wa-float:hover{transform: translateY(-3px)}.wa-float svg{width: 24px;height: 24px;fill: #fff}.lp-hero{padding-bottom: 40px}.lp-hero-copy{max-width: 820px}.crumbs{font-size: .88rem;color: var(--muted);margin-bottom: 22px}.crumbs a{color: var(--violet)}.crumbs span{margin: 0 6px}.lp-trust{list-style: none;display: flex;flex-wrap: wrap;gap: 12px 28px;margin-top: 34px}.lp-trust li,.checklist li{display: flex;align-items: center;gap: 10px;font-weight: 500}.lp-trust svg,.checklist svg{width: 20px;height: 20px;flex: none;fill: var(--violet)}.lp-benefits .icon svg{fill: var(--violet)}.lp-gets{display: grid;grid-template-columns: 1fr 1fr;gap: 50px;align-items: center;background: #fff;border: 1px solid var(--line);border-radius: 28px;padding: 50px;box-shadow: var(--soft)}.lp-gets h2{margin-bottom: 14px}.checklist{list-style: none;display: grid;grid-template-columns: 1fr 1fr;gap: 14px 20px}.checklist li{background: var(--bg);border-radius: 12px;padding: 12px 14px;font-size: .95rem}.link-inline{color: var(--violet);font-weight: 600}.link-inline:hover{text-decoration: underline}@media (max-width: 1024px){.industries{grid-template-columns: repeat(2,1fr)}}@media (max-width: 860px){.lp-gets{grid-template-columns: 1fr;padding: 32px 20px;gap: 28px}}@media (max-width: 520px){.industries,.checklist{grid-template-columns: 1fr}.wa-float span{display: none}.wa-float{padding: 14px}}.related .section-head{margin-bottom: 36px}.related-grid{grid-template-columns: repeat(3,1fr)}.related-all{text-align: center;margin-top: 28px}@media (max-width: 860px){.related-grid{grid-template-columns: 1fr}}body{overflow-x: hidden;overflow-x: clip;max-width: 100%}main,footer,section{max-width: 100vw}.hero-visual{contain: layout}@media (max-width: 860px){.hero-visual{width: min(280px,100%)}.chip{font-size: .78rem;padding: 6px 12px}h1{overflow-wrap: break-word}}@media (max-width: 380px){h1{font-size: 2rem}.brand-text{font-size: 1.25rem}.contact-box{padding: 26px 16px}.footer-cta{padding: 28px 18px}}.post-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 22px}.post-card{display: flex;flex-direction: column;gap: 10px;background: #fff;border: 1px solid var(--line);border-radius: var(--radius);padding: 26px 24px;box-shadow: var(--soft);transition: transform .3s,border-color .3s}.post-card:hover{transform: translateY(-5px);border-color: var(--violet)}.post-card h3{font-size: 1.15rem}.post-card p{color: var(--muted);font-size: .93rem;flex: 1}.post-card-meta{font-size: .82rem;color: var(--muted)}.post-head{padding: 56px 0 28px;max-width: 860px}.post-head h1{font-size: clamp(1.9rem,4.2vw,3rem);margin-bottom: 16px}.post-meta{color: var(--muted);font-size: .92rem}.post-meta a{color: var(--violet);font-weight: 600}.post-layout{display: grid;grid-template-columns: 240px minmax(0,760px);gap: 50px;align-items: start}.post-toc{position: sticky;top: 96px;background: #fff;border: 1px solid var(--line);border-radius: 14px;padding: 20px;font-size: .88rem;box-shadow: var(--soft)}.post-toc strong{display: block;font-family: var(--font-head);margin-bottom: 10px}.post-toc ol{padding-left: 18px;display: grid;gap: 8px;color: var(--muted)}.post-toc a:hover{color: var(--violet)}.post-body{font-size: 1.06rem;line-height: 1.8;color: #2A2A45}.post-body>* + *{margin-top: 1.1em}.post-body h2{font-size: 1.6rem;margin-top: 2em;color: var(--text);scroll-margin-top: 90px}.post-body h3{font-size: 1.2rem;margin-top: 1.6em;color: var(--text)}.post-body ul,.post-body ol{padding-left: 1.4em}.post-body li + li{margin-top: .45em}.post-body strong{color: var(--text)}.post-body code{background: var(--violet-soft);padding: 2px 6px;border-radius: 6px;font-size: .92em}.post-body table{width: 100%;border-collapse: collapse;font-size: .95rem;display: block;overflow-x: auto}.post-body th,.post-body td{text-align: left;padding: 10px 12px;border-bottom: 1px solid var(--line);vertical-align: top}.post-body thead th{background: var(--violet-soft);color: var(--text)}.post-cta{margin-top: 2.5em;background: var(--violet-soft);border-radius: 20px;padding: 32px}.post-cta h2{margin-top: 0}.post-author{display: flex;gap: 16px;align-items: center;margin-top: 2em;padding: 20px;border: 1px solid var(--line);border-radius: 16px;background: #fff}.post-author img{border-radius: 14px;flex: none}.post-author p{margin: 4px 0 0;font-size: .92rem;color: var(--muted);line-height: 1.6}@media (max-width: 1024px){.post-grid{grid-template-columns: repeat(2,1fr)}.post-layout{grid-template-columns: 1fr}.post-toc{position: static}}@media (max-width: 640px){.post-grid{grid-template-columns: 1fr}.post-head{padding-top: 36px}.post-cta{padding: 24px 18px}}.reading-list{list-style: none;display: grid;gap: 12px}.reading-list li{display: flex;justify-content: space-between;align-items: center;gap: 16px;background: #fff;border: 1px solid var(--line);border-radius: 14px;padding: 16px 20px;box-shadow: var(--soft)}.reading-list a{font-family: var(--font-head);font-weight: 600}.reading-list a:hover{color: var(--violet)}.reading-list span{flex: none;font-size: .75rem;font-weight: 600;letter-spacing: .08em;text-transform: uppercase;color: var(--cyan)}@media (max-width: 520px){.reading-list li{flex-direction: column;align-items: flex-start;gap: 6px}}.post-body p a,.post-body li a,.section-head .muted a,.link-inline{text-decoration: underline;text-underline-offset: 3px}.post-body p a,.post-body li a{color: var(--violet);font-weight: 600}.cs-shot{margin-top: 40px;border-radius: 18px;overflow: hidden;border: 1px solid var(--line);box-shadow: 0 30px 60px -30px rgba(20,20,60,.35);background: #fff}.cs-shot img{width: 100%;height: auto;aspect-ratio: 16 / 10;object-fit: cover;object-position: top;background: var(--card-2)}.cs-grid{display: grid;grid-template-columns: minmax(0,1fr) 320px;gap: 50px;align-items: start}.cs-main h2{font-size: 1.6rem;margin: 0 0 14px}.cs-main h2:not(:first-child){margin-top: 40px}.cs-main p{color: #2A2A45;font-size: 1.05rem;line-height: 1.8}.cs-list{grid-template-columns: 1fr}.cs-built{padding-left: 1.3em;display: grid;gap: 10px;font-size: 1.02rem;line-height: 1.7;color: #2A2A45}.cs-built li::marker{color: var(--violet)}.cs-side{position: sticky;top: 96px;background: #fff;border: 1px solid var(--line);border-radius: 18px;padding: 26px;box-shadow: var(--soft)}.cs-side dl{display: grid;gap: 4px;margin-bottom: 22px}.cs-side dt{font-size: .75rem;font-weight: 600;letter-spacing: .1em;text-transform: uppercase;color: var(--muted);margin-top: 12px}.cs-side dd{font-weight: 500}.cs-side dd a{color: var(--violet);text-decoration: underline}@media (max-width: 860px){.cs-grid{grid-template-columns: 1fr;gap: 32px}.cs-side{position: static}}