.hero{background:radial-gradient(circle at 89% 14%,#6d4aff0f,#0000 24%),#fff;padding:84px 0 96px;overflow:hidden}.hero__grid{grid-template-columns:minmax(360px,.82fr) minmax(560px,1.25fr);align-items:center;gap:62px;display:grid}.hero__copy h1{letter-spacing:-.065em;margin:0;font-size:clamp(48px,5.2vw,76px);font-weight:900;line-height:1.08}.hero__copy h1 span{color:var(--violet)}.hero__copy>p{color:var(--ink-soft);letter-spacing:-.015em;margin:28px 0 0;font-size:18px;line-height:1.75}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero__actions .btn{min-height:52px;padding-inline:20px}.hero__primary{min-width:152px}.hero__trust{color:#70707d;flex-wrap:wrap;gap:12px 20px;margin:28px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.hero__trust li{align-items:center;gap:6px;display:flex}.hero__product{position:relative}.hero__paper-corner{z-index:4;background:linear-gradient(135deg, var(--gold) 50%, #ffd77b 50%);border-radius:3px;width:56px;height:56px;position:absolute;top:-18px;right:-18px;transform:rotate(4deg);box-shadow:0 8px 22px #84550026}.reveal-demo{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 22px 60px #231c5026}.reveal-demo__top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:8px 12px 8px 18px;display:flex}.reveal-demo__crumb{align-items:center;gap:8px;font-size:13px;font-weight:780;display:inline-flex}.reveal-demo__dot{background:var(--violet);width:8px;height:8px;box-shadow:0 0 0 4px var(--violet-pale);border-radius:50%}.reveal-demo__tabs{background:var(--surface);border-radius:8px;gap:3px;padding:3px;display:flex}.reveal-demo__tabs button{min-height:32px;color:var(--ink-soft);background:0 0;border-radius:6px;padding:5px 11px;font-size:12px;font-weight:700}.reveal-demo__tabs button.is-active{box-shadow:var(--shadow-sm);color:var(--violet-deep);background:#fff}.reveal-demo__stage{aspect-ratio:4/3;background-color:var(--surface);border:14px solid #0000;width:100%;padding:0;position:relative;overflow:hidden}.reveal-demo__stage>img{object-fit:cover;width:100%;height:100%}.reveal-demo__mask{clip-path:polygon(42% 0,100% 0,100% 100%,18% 100%,37% 74%,61% 51%,39% 32%);opacity:1;background-color:#6d4affa1;background-image:repeating-linear-gradient(135deg,#ffffff52 0 2px,#0000 2px 12px);transition:clip-path .52s cubic-bezier(.22,1,.36,1),opacity .3s;position:absolute;inset:14px}.reveal-demo__mask.is-opened{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%,100% 100%,100% 50%,100% 0);opacity:0}.reveal-demo__burst{color:var(--gold);text-shadow:-2px -2px #fff,2px -2px #fff,-2px 2px #fff,2px 2px #fff;font-size:25px;font-weight:950;position:absolute;top:35%;left:48%;transform:rotate(-8deg)}.reveal-demo__tap{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e1b2ec7;border:1px solid #fffc;border-radius:9px;align-items:center;gap:7px;min-height:42px;padding:8px 12px;font-size:12px;font-weight:750;display:inline-flex;position:absolute;bottom:24px;right:24px}.reveal-demo__controls{border-top:1px solid var(--line);min-height:56px;color:var(--ink-soft);align-items:center;gap:12px;padding:10px 16px;font-size:12px;display:flex}.reveal-demo__controls>span{align-items:center;gap:6px;display:inline-flex}.reveal-demo__swatch{background:var(--violet);width:22px;height:22px;box-shadow:0 0 0 1px var(--line);border:5px solid #fff;border-radius:50%}.reveal-demo__grow{background:var(--line);flex:1;height:1px}.section-heading{margin-bottom:34px}.section-heading--row{justify-content:space-between;align-items:end;gap:24px;display:flex}.section-heading h2,.privacy-band h2,.validation h2,.help-section h2,.final-cta h2{letter-spacing:-.045em;margin:0;font-size:clamp(28px,3vw,40px);line-height:1.25}.section-heading p,.privacy-band p,.validation__copy p{color:var(--ink-soft);margin:10px 0 0}.section-heading>a,.text-link{color:var(--violet-deep);align-items:center;gap:7px;font-size:14px;font-weight:780;display:inline-flex}.workflow{padding:92px 0 104px}.workflow__steps{grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid}.workflow__step{border:1px solid var(--line);border-radius:2px;min-height:244px;padding:26px;position:relative;box-shadow:0 8px 24px #25243a0d}.workflow__step:after{background:linear-gradient(225deg, var(--surface) 49%, #b8a7ff 51%);border-bottom-left-radius:4px;width:36px;height:36px}.workflow__number{color:#d0c7f9;font-size:52px;font-weight:900;line-height:1}.workflow__icon{background:var(--violet-pale);width:46px;height:46px;color:var(--violet);border-radius:12px;place-items:center;display:grid;position:absolute;top:28px;right:30px}.workflow__step strong{margin-top:34px;font-size:17px;display:block}.workflow__step p{color:var(--ink-soft);margin:8px 0 0;font-size:14px}.workflow__arrow{z-index:3;color:var(--violet);position:absolute;top:50%;right:-23px;transform:translateY(-50%)}.privacy-band{background:#f8f8fc;padding:88px 0}.privacy-band__grid{grid-template-columns:.8fr 1.45fr;align-items:center;gap:64px;display:grid}.privacy-band .text-link{margin-top:22px}.privacy-flow{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;justify-content:space-between;align-items:center;gap:14px;margin:0;padding:30px;list-style:none;display:flex}.privacy-flow>svg{color:#aaaab5;flex:none}.privacy-flow li{text-align:center;justify-items:center;display:grid}.privacy-flow li>span{border:1px solid var(--line);width:50px;height:50px;color:var(--violet);border-radius:12px;place-items:center;margin-bottom:10px;display:grid}.privacy-flow li>span.is-success{background:var(--success-pale);color:var(--success);border-color:#a7ddbd}.privacy-flow strong{font-size:13px}.privacy-flow small{color:var(--ink-soft);font-size:11px}.validation{padding:106px 0}.validation__grid{grid-template-columns:.65fr 1.35fr;align-items:center;gap:70px;display:grid}.validation__copy .text-link{margin-top:24px}.validation__panel{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);grid-template-columns:210px minmax(240px,1fr);gap:20px;padding:22px;display:grid}.validation__preview{border:8px solid #0000;border-radius:11px;grid-row:1/3;position:relative;overflow:hidden}.validation__preview img{object-fit:cover;width:100%;height:100%}.validation__preview-mask{clip-path:polygon(0 61%,38% 49%,70% 60%,100% 38%,100% 100%,0 100%);position:absolute;inset:8px}.validation__list{display:grid}.validation__list>div{border-bottom:1px solid #ececf2;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:8px 0;font-size:12px;display:grid}.validation__list svg{color:var(--success)}.validation__list strong{color:var(--success);font-size:11px}.validation__pass{background:var(--success-pale);color:var(--success);border-radius:10px;align-items:center;gap:12px;padding:13px 15px;display:flex}.validation__pass>div{display:grid}.validation__pass span{color:#397553;font-size:11px}.examples-band{background:var(--surface);padding:90px 0 100px}.examples-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.example-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;position:relative;overflow:hidden}.example-card__visual{border-bottom:1px solid var(--line);height:220px;position:relative;overflow:hidden}.example-card__visual img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.example-card:hover img{transform:scale(1.025)}.example-card__mask{position:absolute;inset:0}.example-card__mask--1{clip-path:polygon(0 62%,52% 48%,100% 60%,100% 100%,0 100%)}.example-card__mask--2{clip-path:polygon(0 0,54% 0,44% 48%,100% 63%,100% 100%,0 100%)}.example-card__mask--3{clip-path:polygon(42% 0,100% 0,100% 100%,56% 100%,69% 48%)}.example-card__burst{color:var(--gold);text-shadow:0 1px #fff;font-weight:950;position:absolute;top:48%;left:48%;transform:rotate(-8deg)}.example-card>div:nth-child(2){gap:4px;padding:18px 54px 19px 18px;display:grid}.example-card>div:nth-child(2) span{color:var(--violet);font-size:11px;font-weight:800}.example-card>div:nth-child(2) strong{font-size:14px}.example-card>a{border:1px solid var(--line);border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:18px;right:15px}.help-section{padding:106px 0}.help-section__grid{grid-template-columns:.75fr 1.25fr;gap:80px;display:grid}.help-section__guides{align-content:start;gap:0;display:grid}.help-section__guides h2{margin-bottom:26px}.help-section__guides>a{border-top:1px solid var(--line);grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:15px 4px;display:grid}.help-section__guides>a>span{background:var(--violet-pale);width:38px;height:38px;color:var(--violet);border-radius:10px;place-items:center;display:grid}.help-section__guides>a>div{display:grid}.help-section__guides small{color:var(--ink-soft)}.home-faq{align-content:start;display:grid}.home-faq details{border-top:1px solid var(--line)}.home-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:66px;padding:12px 2px;font-weight:750;list-style:none;display:flex}.home-faq summary::-webkit-details-marker{display:none}.home-faq details[open] summary svg{transform:rotate(45deg)}.home-faq details p{color:var(--ink-soft);margin:-4px 0 18px;padding-right:44px;font-size:14px}.home-faq .text-link{justify-self:start;margin-top:20px}.final-cta{padding:0 0 100px}.final-cta__inner{border-radius:var(--radius-lg);background:var(--ink);color:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:38px 42px;display:grid}.final-cta h2{font-size:28px}.final-cta p{color:#c8c8d1;margin:5px 0 0;font-size:14px}@media (width<=1020px){.hero{padding-top:64px}.hero__grid{grid-template-columns:.75fr 1.25fr;gap:34px}.hero__copy h1{font-size:52px}.hero__paper-corner{display:none}.workflow__step{padding:22px}.privacy-band__grid,.validation__grid{gap:38px}.validation__panel{grid-template-columns:170px 1fr}}@media (width<=860px){.hero__grid{grid-template-columns:1fr}.hero__copy{max-width:640px}.hero__product{max-width:720px}.workflow__steps{grid-template-columns:1fr 1fr}.workflow__arrow{display:none}.privacy-band__grid,.validation__grid,.help-section__grid{grid-template-columns:1fr}.privacy-band__grid,.validation__grid{gap:34px}.validation__copy{max-width:650px}}@media (width<=640px){.desktop-only{display:none}.hero{padding:50px 0 62px}.hero__copy h1{font-size:45px}.hero__copy>p{font-size:16px}.hero__actions{grid-template-columns:1fr 1fr;display:grid}.hero__actions .btn{padding-inline:12px;font-size:14px}.hero__trust{gap:8px;display:grid}.reveal-demo__crumb{display:none}.reveal-demo__top{justify-content:flex-end}.reveal-demo__stage{border-width:8px}.reveal-demo__mask{inset:8px}.reveal-demo__controls>span:last-child,.reveal-demo__grow{display:none}.workflow,.validation,.examples-band,.help-section{padding:70px 0}.section-heading--row{display:block}.section-heading--row>a{margin-top:16px}.workflow__steps{grid-template-columns:1fr}.workflow__step{min-height:200px}.privacy-band{padding:70px 0}.privacy-flow{grid-template-columns:1fr auto 1fr;padding:20px 12px;display:grid}.privacy-flow>li:nth-of-type(3),.privacy-flow>li:nth-of-type(4),.privacy-flow>svg:nth-of-type(2),.privacy-flow>svg:nth-of-type(3){display:none}.validation__panel{grid-template-columns:1fr}.validation__preview{aspect-ratio:16/9;grid-row:auto}.examples-grid{grid-template-columns:1fr}.example-card__visual{height:240px}.help-section__grid{gap:54px}.final-cta{padding-bottom:70px}.final-cta__inner{grid-template-columns:auto 1fr;padding:28px 24px}.final-cta__inner .btn{grid-column:1/-1}}:root{--paper:#fff;--surface:#f6f7fb;--surface-strong:#eff0f6;--ink:#1b1b25;--ink-soft:#5f6070;--line:#dedfe8;--line-strong:#c9cad6;--violet:#6d4aff;--violet-deep:#5333dc;--violet-pale:#f1edff;--gold:#f3b33d;--gold-pale:#fff5db;--success:#17864b;--success-pale:#eaf8f0;--danger:#c74343;--danger-pale:#fff0f0;--info:#167bb7;--shadow-sm:0 2px 8px #1919280f;--shadow-md:0 12px 36px #241f491a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--font-sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", "Apple SD Gothic Neo", sans-serif}*{box-sizing:border-box}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0}html{scroll-behavior:smooth;background:var(--paper)}body{background:var(--paper);min-width:320px;color:var(--ink);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}button,input,select,textarea{color:inherit;font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{border:0}button:not(:disabled),[role=button]:not([aria-disabled=true]){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}img,svg,canvas{max-width:100%;display:block}::selection{color:#26176e;background:#dcd3ff}:focus-visible{outline:3px solid color-mix(in srgb, var(--violet) 35%, transparent);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;border-radius:var(--radius-sm);background:var(--ink);color:#fff;padding:10px 14px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.container{width:min(1180px,100% - 48px);margin-inline:auto}.btn{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-weight:750;line-height:1.2;transition:transform .15s,box-shadow .15s,background-color .15s,border-color .15s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:var(--violet);color:#fff;box-shadow:0 7px 18px #6d4aff3d}.btn-primary:hover:not(:disabled){background:var(--violet-deep);box-shadow:0 9px 22px #6d4aff4d}.btn-secondary{color:var(--violet-deep);background:#fff;border-color:#b9aaff}.btn-secondary:hover:not(:disabled){border-color:var(--violet);background:var(--violet-pale)}.btn-quiet{border-color:var(--line);color:var(--ink);background:#fff}.btn-quiet:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface)}.field-label{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:14px;font-weight:750;display:flex}.range{width:100%;height:28px;accent-color:var(--violet)}.select,.text-input,.textarea{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;min-height:44px;padding:10px 12px}.textarea{resize:vertical;min-height:108px}.select:hover,.text-input:hover,.textarea:hover{border-color:var(--line-strong)}.checkerboard{background-color:#fff;background-image:linear-gradient(45deg,#e9eaf0 25%,#0000 25%),linear-gradient(-45deg,#e9eaf0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e9eaf0 75%),linear-gradient(-45deg,#0000 75%,#e9eaf0 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.surface-band{background:var(--surface)}.reveal-hatch{background-color:#6d4aff94;background-image:repeating-linear-gradient(135deg,#ffffff47 0 2px,#0000 2px 11px)}.fold-corner{position:relative}.fold-corner:after{background:linear-gradient(225deg, var(--paper) 49%, var(--violet) 51%);content:"";border-bottom-left-radius:7px;width:30px;height:30px;position:absolute;top:-1px;right:-1px}.content-visibility-auto{content-visibility:auto;contain-intrinsic-size:800px}.pwa-status{z-index:900;border:1px solid var(--line);max-width:min(440px,100% - 32px);box-shadow:var(--shadow-md);background:#fff;border-radius:10px;align-items:center;gap:9px;padding:10px 13px;font-size:11px;display:flex;position:fixed;bottom:16px;right:16px}.pwa-status--offline{color:#77510a;background:#fff9e9;border-color:#e3c269}.pwa-update{z-index:900;min-width:min(480px,100% - 32px);box-shadow:var(--shadow-md);background:#fff;border:1px solid #bcaeff;border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:12px;display:grid;position:fixed;bottom:16px;right:16px}.pwa-update>div{color:var(--violet-deep);align-items:center;gap:9px;display:flex}.pwa-update>div>span{display:grid}.pwa-update strong{font-size:11px}.pwa-update small{color:var(--ink-soft);font-size:9px}.pwa-update .btn{min-height:38px;font-size:10px}.pwa-update>button:last-child{background:var(--surface);border-radius:8px;place-items:center;width:34px;height:34px;display:grid}@media (width<=720px){.container{width:min(100% - 32px,1180px)}.pwa-update{grid-template-columns:1fr auto;left:16px}.pwa-update>div{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){:focus-visible{outline:3px solid highlight}.reveal-hatch{background:canvas;border:3px dashed canvastext}}.content-page{background:#fff}.content-hero{border-bottom:1px solid var(--line);background:linear-gradient(#6d4aff0b,#0000 68%),#fff;padding:84px 0 78px}.content-hero__inner{max-width:900px;margin-inline:auto}.content-hero__eyebrow{color:var(--violet);margin-bottom:13px;font-size:13px;font-weight:820;display:block}.content-hero h1{letter-spacing:-.06em;max-width:820px;margin:0;font-size:clamp(40px,5vw,64px);line-height:1.12}.content-hero p{max-width:760px;color:var(--ink-soft);margin:22px 0 0;font-size:18px;line-height:1.75}.content-hero__badges{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.content-hero__badges span{background:var(--violet-pale);color:var(--violet-deep);border:1px solid #cbc1f8;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:750}.content-hero__actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.content-hero__updated{color:#858591;margin-top:24px;font-size:11px;display:block}.content-layout{grid-template-columns:210px minmax(0,790px);justify-content:center;gap:80px;padding-top:70px;padding-bottom:110px;display:grid}.content-toc{border-left:2px solid var(--line);align-self:start;gap:2px;padding-left:17px;display:grid;position:sticky;top:28px}.content-toc strong{margin-bottom:7px;font-size:11px}.content-toc a{color:var(--ink-soft);padding:4px 0;font-size:11px;line-height:1.35}.content-toc a:hover{color:var(--violet-deep)}.content-article{min-width:0}.content-notice{border:1px solid var(--line);border-radius:12px;grid-template-columns:auto 1fr;gap:12px;margin-bottom:18px;padding:17px;display:grid}.content-notice>div{display:grid}.content-notice strong{font-size:13px}.content-notice p{color:inherit;margin:3px 0 0;font-size:12px}.content-notice a{justify-self:start;margin-top:5px;font-size:11px;font-weight:780;text-decoration:underline}.content-notice--info{color:#165f89;background:#f5fbfe;border-color:#aed5eb}.content-notice--success{color:#176d3f;background:#f3fbf6;border-color:#a8d9ba}.content-notice--warning{color:#7b530b;background:#fffaf0;border-color:#efd08a}.content-notice--danger{color:#a43838;background:#fff6f6;border-color:#e5aaaa}.content-example-strip{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;margin:0 0 64px;padding:16px 28px 16px 16px;display:grid;overflow:hidden}.content-example-strip__visual{border:10px solid #0000;border-radius:12px;height:310px;position:relative;overflow:hidden}.content-example-strip__visual img{object-fit:cover;width:100%;height:100%}.content-example-strip__visual>span{clip-path:polygon(0 0,60% 0,48% 37%,100% 61%,100% 100%,0 100%);position:absolute;inset:10px}.content-example-strip__visual b{color:var(--gold);text-shadow:0 1px #fff;font-size:23px;position:absolute;top:48%;right:29%;transform:rotate(-8deg)}.content-example-strip>div:last-child>span{color:var(--violet);font-size:11px;font-weight:800}.content-example-strip h2{margin:9px 0;font-size:26px;line-height:1.3}.content-example-strip p{color:var(--ink-soft);margin:0 0 18px;font-size:13px}.content-section{border-top:1px solid var(--line);padding:58px 0 14px;scroll-margin-top:28px}.content-section:first-of-type{border-top:0}.content-section>header{grid-template-columns:42px 1fr;gap:16px;margin-bottom:26px;display:grid}.content-section>header>span{background:var(--violet-pale);width:36px;height:36px;color:var(--violet);border-radius:9px;place-items:center;font-size:10px;font-weight:850;display:grid}.content-section h2{letter-spacing:-.04em;margin:0;font-size:29px;line-height:1.3}.content-section>header p{color:var(--ink-soft);margin:8px 0 0;font-size:15px}.content-paragraph{color:#41414c;margin:14px 0;font-size:15px;line-height:1.85}.content-bullets{gap:9px;margin:22px 0;padding:0;list-style:none;display:grid}.content-bullets li{color:#41414c;grid-template-columns:auto 1fr;align-items:start;gap:10px;font-size:14px;display:grid}.content-bullets li svg{color:var(--success);margin-top:3px}.content-steps{gap:0;margin:26px 0;padding:0;list-style:none;display:grid}.content-steps li{grid-template-columns:42px 1fr;gap:14px;padding-bottom:22px;display:grid;position:relative}.content-steps li:not(:last-child):before{background:var(--line);content:"";width:1px;position:absolute;top:32px;bottom:0;left:15px}.content-steps li>span{z-index:1;width:31px;height:31px;color:var(--violet-deep);background:#fff;border:1px solid #bdafff;border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.content-steps li>div{display:grid}.content-steps strong{font-size:14px}.content-steps p{color:var(--ink-soft);margin:4px 0 0;font-size:13px}.content-steps small{background:var(--gold-pale);color:#765819;border-radius:6px;justify-self:start;margin-top:7px;padding:5px 8px;font-size:10px}.content-cards{grid-template-columns:repeat(2,1fr);gap:12px;margin:26px 0;display:grid}.content-card{border:1px solid var(--line);border-radius:12px;align-content:start;min-height:170px;padding:19px;display:grid;position:relative}a.content-card:hover{box-shadow:var(--shadow-sm);border-color:#baaaff}.content-card__eyebrow{min-height:18px;color:var(--violet);font-size:10px;font-weight:820}.content-card>strong{font-size:15px}.content-card>p{color:var(--ink-soft);margin:8px 0 0;font-size:12px}.content-card>small{color:#8a8a95;margin-top:10px;font-size:10px}.content-card>svg{color:var(--violet);position:absolute;bottom:16px;right:16px}.content-table-wrap{border:1px solid var(--line);border-radius:12px;margin:24px 0;overflow-x:auto}.content-table-wrap table{border-collapse:collapse;width:100%;min-width:620px;font-size:12px}.content-table-wrap caption{border-bottom:1px solid var(--line);background:var(--surface);color:var(--ink-soft);text-align:left;padding:11px 14px;font-size:10px}.content-table-wrap th,.content-table-wrap td{text-align:left;vertical-align:top;border-bottom:1px solid #ececf2;padding:12px 14px}.content-table-wrap thead th{background:var(--surface);font-size:10px}.content-table-wrap tbody th{color:var(--ink)}.content-links{grid-template-columns:1fr 1fr;gap:8px;margin:24px 0;display:grid}.content-links>a{border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.content-links>a:hover{background:var(--violet-pale);border-color:#b9aaff}.content-links>a>span{display:grid}.content-links strong{font-size:12px}.content-links small{color:var(--ink-soft);font-size:10px}.content-bottom-cta{border-top:1px solid var(--line);background:var(--surface);padding:42px 0}.content-bottom-cta>div{justify-content:space-between;align-items:center;gap:24px;display:flex}.content-bottom-cta>div>div{align-items:center;gap:14px;display:flex}.content-bottom-cta>div>div>svg{color:var(--violet)}.content-bottom-cta span{display:grid}.content-bottom-cta strong{font-size:15px}.content-bottom-cta small{color:var(--ink-soft);font-size:11px}@media (width<=900px){.content-layout{grid-template-columns:1fr;gap:40px}.content-toc{border-left:0;border-bottom:1px solid var(--line);padding:0 0 14px;display:flex;position:static;overflow-x:auto}.content-toc strong{display:none}.content-toc a{border:1px solid var(--line);border-radius:999px;flex:none;padding:6px 10px}}@media (width<=640px){.content-hero{padding:58px 0 54px}.content-hero h1{font-size:40px}.content-hero p{font-size:16px}.content-layout{padding-top:34px;padding-bottom:72px}.content-example-strip{grid-template-columns:1fr;padding:12px 12px 24px}.content-example-strip__visual{height:250px}.content-example-strip>div:last-child{padding:0 6px}.content-section{padding-top:44px}.content-section>header{grid-template-columns:36px 1fr;gap:10px}.content-section h2{font-size:25px}.content-cards,.content-links{grid-template-columns:1fr}.content-bottom-cta>div{display:grid}.content-bottom-cta .btn{width:100%}}