@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&display=swap";:root{--background:#f8f5ef;--foreground:#171631;--card:#fff;--card-foreground:#171631;--primary:#c9a227;--primary-hover:#b3921f;--primary-foreground:#171631;--secondary:#eeeae3;--secondary-foreground:#171631;--muted:#ebe7e0;--muted-foreground:#666a75;--border:#e6ded2;--border-soft:#f0ebe3;--success:#5f8a66;--success-bg:#eef6f0;--warning:#c6933a;--warning-bg:#fcf5e8;--radius:.625rem;--font-sans:"DM Sans", ui-sans-serif, system-ui, sans-serif;--font-serif:"Cormorant Garamond", ui-serif, Georgia, serif;--shadow-sm:0 1px 2px #1716310a;--shadow-md:0 18px 40px -24px #17163147}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--background);min-height:100vh;color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-serif);letter-spacing:-.015em;margin:0;font-weight:500;line-height:1.08}p{margin:0}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}.container{width:min(1120px,100% - 2.5rem);margin-inline:auto}@media (width<=640px){.container{width:min(1120px,100% - 1.75rem)}}.site-header{z-index:50;background:color-mix(in srgb, var(--background) 88%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid #0000;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:1.5rem;min-height:4.5rem;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:.7rem;font-weight:600;display:inline-flex}.brand img{width:1.9rem;height:1.9rem}.brand span{font-family:var(--font-serif);font-size:1.45rem;font-weight:600}.site-nav{color:var(--muted-foreground);align-items:center;gap:1.25rem;font-size:.92rem;display:flex}.site-nav a:hover{color:var(--foreground)}.site-nav__desktop{display:none}@media (width>=760px){.site-nav__desktop{align-items:center;gap:1.35rem;display:inline-flex}}.button{border-radius:var(--radius);background:var(--primary);min-height:2.65rem;color:var(--primary-foreground);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.15rem;font-size:.92rem;font-weight:600;transition:background .15s,transform .15s,border-color .15s;display:inline-flex}.button:hover{background:var(--primary-hover);transform:translateY(-1px)}.button--outline{border-color:var(--border);color:var(--foreground);background:0 0}.button--outline:hover{background:var(--secondary);border-color:var(--border)}.button--ghost{color:var(--foreground);background:0 0;padding-inline:.35rem}.button--ghost:hover{color:var(--primary-hover);background:0 0}.button svg{width:1rem;height:1rem}.hero{padding:4.5rem 0 3.5rem;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--primary) 16%, transparent) 0%, transparent 68%);pointer-events:none;position:absolute;inset:-30% 35% 30% -15%}.hero__grid{align-items:center;gap:3rem;display:grid;position:relative}@media (width>=940px){.hero__grid{grid-template-columns:1.02fr .98fr;gap:3.5rem}}.eyebrow{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 70%, transparent);color:var(--muted-foreground);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.45rem;margin-bottom:1.15rem;padding:.35rem .7rem;font-size:.75rem;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:var(--primary);border-radius:999px;width:.42rem;height:.42rem}.hero h1{max-width:15ch;font-size:clamp(2.7rem,5.4vw,4.4rem)}.hero h1 em{color:var(--primary-hover);font-style:italic}.hero__lead{max-width:46ch;color:var(--muted-foreground);margin-top:1.35rem;font-size:1.06rem}.hero__actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.9rem;display:flex}.hero__note{color:var(--muted-foreground);align-items:center;gap:.4rem;margin-top:1.1rem;font-size:.82rem;display:flex}.hero__note svg{width:.9rem;height:.9rem;color:var(--success)}.mock{border:1px solid var(--border);border-radius:calc(var(--radius) + 8px);background:var(--card);box-shadow:var(--shadow-md);position:relative;overflow:hidden;transform:rotate(-.6deg)}.mock:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff73}.mock__bar{border-bottom:1px solid var(--border-soft);background:color-mix(in srgb, var(--muted) 55%, var(--card));align-items:center;gap:.4rem;padding:.7rem .9rem;display:flex}.mock__dot{background:var(--border);border-radius:999px;width:.45rem;height:.45rem}.mock__dot:first-child{background:color-mix(in srgb, var(--primary) 70%, white)}.mock__address{border:1px solid var(--border-soft);background:var(--card);color:var(--muted-foreground);border-radius:5px;flex:1;margin-left:.35rem;padding:.22rem .55rem;font-size:.66rem}.mock__body{grid-template-columns:8.6rem 1fr;min-height:19rem;display:grid}@media (width<=460px){.mock__body{grid-template-columns:1fr}.mock__side{display:none}}.mock__side{border-right:1px solid var(--border-soft);background:color-mix(in srgb, var(--muted) 32%, var(--card));padding:.95rem .75rem}.mock__side-title{color:var(--muted-foreground);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.55rem;font-size:.6rem;font-weight:600}.mock__project{color:var(--muted-foreground);border-radius:6px;align-items:center;gap:.45rem;padding:.38rem .45rem;font-size:.72rem;display:flex}.mock__project--active{background:var(--card);border:1px solid var(--border-soft);color:var(--foreground);font-weight:500}.mock__avatar{background:color-mix(in srgb, var(--primary) 22%, var(--card));width:1.1rem;height:1.1rem;color:var(--primary-hover);border-radius:4px;place-items:center;font-size:.58rem;font-weight:700;display:inline-grid}.mock__main{padding:1rem 1.1rem 1.2rem}.mock__title{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.85rem;display:flex}.mock__title strong{font-family:var(--font-serif);font-size:1.15rem;font-weight:600}.mock__badge{background:var(--success-bg);color:var(--success);border-radius:999px;padding:.16rem .45rem;font-size:.6rem;font-weight:600}.mock__cards{gap:.55rem;display:grid}.mock__card{border:1px solid var(--border-soft);background:var(--card);border-radius:7px;align-items:center;gap:.65rem;padding:.6rem .7rem;display:flex}.mock__icon{background:var(--secondary);width:1.65rem;height:1.65rem;color:var(--foreground);border-radius:6px;place-items:center;display:grid}.mock__icon svg{width:.9rem;height:.9rem}.mock__card-text{flex:1;min-width:0}.mock__card-text b{font-size:.72rem;font-weight:600;display:block}.mock__card-text small{color:var(--muted-foreground);font-size:.62rem;display:block}.mock__price{background:var(--warning-bg);color:var(--warning);white-space:nowrap;border-radius:4px;padding:.14rem .4rem;font-size:.58rem;font-weight:600}.mock__price--free{background:var(--success-bg);color:var(--success)}.section{padding:4.25rem 0}.section--soft{border-block:1px solid var(--border-soft);background:color-mix(in srgb, var(--card) 42%, var(--background))}.section__head{max-width:46rem;margin-bottom:2.2rem}.section__head h2{font-size:clamp(2rem,3.6vw,2.9rem)}.section__head p{color:var(--muted-foreground);margin-top:.8rem}.card-grid{gap:1rem;display:grid}@media (width>=760px){.card-grid--3{grid-template-columns:repeat(3,1fr)}}.card{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--card);box-shadow:var(--shadow-sm);padding:1.5rem}.card__icon{background:var(--secondary);width:2.5rem;height:2.5rem;color:var(--foreground);border-radius:8px;place-items:center;margin-bottom:1.15rem;display:grid}.card__icon svg{width:1.15rem;height:1.15rem}.card h3{font-size:1.5rem}.card p{color:var(--muted-foreground);margin-top:.6rem;font-size:.94rem}.card__tag{background:var(--success-bg);color:var(--success);border-radius:999px;align-items:center;gap:.3rem;margin-top:1.1rem;padding:.22rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.card__tag--paid{background:var(--warning-bg);color:var(--warning)}.compare{gap:1rem;display:grid}@media (width>=820px){.compare{grid-template-columns:1fr 1fr}}.compare__panel{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--card);padding:1.6rem}.compare__panel--paid{border-color:color-mix(in srgb, var(--warning) 35%, var(--border));background:color-mix(in srgb, var(--warning-bg) 45%, var(--card))}.compare__label{background:var(--success-bg);color:var(--success);letter-spacing:.02em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.35rem;margin-bottom:.75rem;padding:.22rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.compare__panel--paid .compare__label{background:var(--warning-bg);color:var(--warning)}.compare__panel h3{font-size:1.7rem}.compare__panel ul{gap:.6rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.compare__panel li{color:var(--muted-foreground);align-items:flex-start;gap:.55rem;font-size:.92rem;display:flex}.compare__panel li svg{width:1rem;height:1rem;color:var(--success);flex:none;margin-top:.2rem}.compare__panel--paid li svg{color:var(--warning)}.compare__panel strong{color:var(--foreground);font-weight:600}.steps{counter-reset:step;gap:1.2rem;display:grid}@media (width>=800px){.steps{grid-template-columns:repeat(3,1fr)}}.step{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--card);padding:1.45rem 1.4rem 1.3rem;position:relative}.step__number{background:var(--primary);width:1.9rem;height:1.9rem;color:var(--primary-foreground);border-radius:999px;place-items:center;margin-bottom:.9rem;font-size:.82rem;font-weight:700;display:grid}.step h3{font-size:1.35rem}.step p{color:var(--muted-foreground);margin-top:.5rem;font-size:.9rem}.cta{border:1px solid var(--border);border-radius:calc(var(--radius) + 8px);background:radial-gradient(120% 130% at 100% 0%, color-mix(in srgb, var(--primary) 22%, transparent) 0%, transparent 55%), var(--card);padding:2.6rem;position:relative;overflow:hidden}.cta__grid{align-items:center;gap:1.5rem;display:grid}@media (width>=800px){.cta__grid{grid-template-columns:1fr auto}}.cta h2{font-size:clamp(1.9rem,3.4vw,2.6rem)}.cta p{max-width:44ch;color:var(--muted-foreground);margin-top:.65rem}.site-footer{border-top:1px solid var(--border-soft);color:var(--muted-foreground);padding:2.5rem 0 3rem;font-size:.85rem}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.site-footer a{color:var(--muted-foreground)}.site-footer a:hover{color:var(--foreground)}.guide{padding:3.5rem 0 5rem}.guide__head{max-width:48rem;margin-bottom:2.5rem}.guide__head h1{font-size:clamp(2.5rem,5vw,3.8rem)}.guide__head p{color:var(--muted-foreground);margin-top:1rem;font-size:1.05rem}.guide__layout{align-items:start;gap:2.5rem;display:grid}@media (width>=940px){.guide__layout{grid-template-columns:15rem 1fr;gap:3rem}}.toc{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:1.15rem 1.2rem;font-size:.84rem;position:sticky;top:5.5rem}.toc strong{letter-spacing:.07em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:.6rem;font-size:.72rem;display:block}.toc ol{counter-reset:toc;gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.toc li{counter-increment:toc}.toc a{color:var(--muted-foreground);gap:.45rem;display:flex}.toc a:before{content:counter(toc);color:var(--primary-hover);font-weight:600}.toc a:hover{color:var(--foreground)}.article{max-width:46rem}.article section+section{border-top:1px solid var(--border-soft);margin-top:2.8rem;padding-top:2.4rem}.article h2{scroll-margin-top:6rem;font-size:clamp(1.75rem,3vw,2.3rem)}.article h3{font-size:1.35rem;font-family:var(--font-sans);letter-spacing:-.01em;margin-top:1.6rem;font-weight:600}.article p{color:var(--muted-foreground);margin-top:.85rem}.article ul,.article ol{color:var(--muted-foreground);gap:.45rem;margin:.9rem 0 0;padding-left:1.2rem;display:grid}.article strong{color:var(--foreground);font-weight:600}.callout{border:1px solid color-mix(in srgb, var(--primary) 28%, var(--border));border-radius:var(--radius);background:color-mix(in srgb, var(--primary) 7%, var(--card));gap:.8rem;margin-top:1.25rem;padding:1rem 1.1rem;font-size:.92rem;display:flex}.callout svg{width:1.05rem;height:1.05rem;color:var(--primary-hover);flex:none;margin-top:.2rem}.callout p{color:var(--foreground);margin:0}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);margin-top:1.2rem;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--border-soft);vertical-align:top;padding:.7rem .9rem}th{background:color-mix(in srgb, var(--muted) 45%, var(--card));letter-spacing:.03em;text-transform:uppercase;color:var(--muted-foreground);font-size:.75rem;font-weight:600}tr:last-child td{border-bottom:none}.pill{white-space:nowrap;border-radius:999px;padding:.12rem .45rem;font-size:.72rem;font-weight:600;display:inline-flex}.pill--free{background:var(--success-bg);color:var(--success)}.pill--paid{background:var(--warning-bg);color:var(--warning)}.faq{gap:.75rem;margin-top:1.2rem;display:grid}.faq details{border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}.faq summary{cursor:pointer;padding:.95rem 1rem;font-size:.94rem;font-weight:600;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--muted-foreground);font-weight:400}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted-foreground);margin:0;padding:0 1rem 1rem;font-size:.9rem}.guide__back{color:var(--muted-foreground);align-items:center;gap:.35rem;margin-top:2.5rem;font-size:.9rem;display:inline-flex}.guide__back:hover{color:var(--foreground)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}