@import url('/assets/vidolet.css');
html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent-text);outline-offset:5px}a:hover{text-decoration:underline;text-underline-offset:5px}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.header{height:100px;display:flex;align-items:center;gap:42px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:750;letter-spacing:-1px}.brand:hover{text-decoration:none}.header nav{display:flex;gap:32px;margin-left:auto;font-size:16px;font-weight:600}.header nav a{padding:12px 0;color:var(--muted)}.header nav a[aria-current]{color:var(--text);box-shadow:0 2px var(--accent-text)}#theme{border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:8px 12px;font-size:14px}.eyebrow{font-size:13px;letter-spacing:1.8px;font-weight:700;color:var(--muted)}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent-text);margin-right:9px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:85px 100px}h1{font-size:clamp(40px,4.7vw,64px);line-height:1.22;letter-spacing:-3px;margin:27px 0}h1 span{color:var(--accent-text)}.lead{font-size:20px;line-height:1.9;color:var(--muted);letter-spacing:-.3px}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:32px}.primary{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--on-accent);border:0;border-radius:9px;padding:16px 22px;font-size:16px;font-weight:700}.primary:disabled{opacity:1;color:var(--on-accent)}.text-link{font-size:16px;font-weight:600}.caption{font-size:14px;color:var(--muted);line-height:1.7;margin-top:18px}.preview{border:1px solid var(--border);border-radius:17px;background:var(--surface);padding:20px;box-shadow:0 25px 65px #1b2b1810;transform:rotate(1deg)}.preview-top{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--muted);padding-bottom:17px}.tag{border:1px solid var(--border);padding:4px 7px;border-radius:4px}.landscape{height:210px;background:#d8e7c8;position:relative;overflow:hidden;border-radius:9px;isolation:isolate}.sun{position:absolute;width:75px;height:75px;background:#f9f8d6;border-radius:50%;top:25px;right:65px}.hill{position:absolute;width:440px;height:250px;transform:rotate(-20deg);border-radius:50%;background:#78936a;top:110px;left:-80px}.hill.two{background:#455d43;transform:rotate(30deg);left:170px;top:130px}.landscape-title{position:absolute;top:30px;left:25px;color:#31472e;font-family:Georgia,serif;font-size:26px;font-style:italic;width:130px}.duration{position:absolute;right:12px;bottom:12px;color:white;background:#20381d90;padding:4px 7px;border-radius:4px;font-size:13px}.preview-content{padding:24px 3px 3px}.preview-content h2{font-size:24px;letter-spacing:-1px;margin:10px 0}.preview-content p{font-size:15px;color:var(--muted)}.preview-content p span{opacity:.8}.complete{display:flex;justify-content:space-between;font-size:14px;color:var(--accent-text);margin-top:24px}.progress{height:5px;background:var(--accent);margin:9px 0 20px;border-radius:3px}.save-example{display:block;text-align:center;background:var(--accent);color:var(--on-accent);font-size:16px;font-weight:700;padding:14px;border-radius:7px}.steps-section{background:var(--surface);border-block:1px solid var(--border);padding:65px 0 70px}.section-heading h2,.bottom-cta h2{font-size:32px;letter-spacing:-1.4px;line-height:1.45;margin:15px 0}.section-heading p,.bottom-cta p{font-size:18px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:48px}.step-number{font-size:14px;color:var(--accent-text);font-weight:700;border:1px solid var(--border);border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.steps h3{font-size:20px;margin:20px 0 10px;letter-spacing:-.5px}.steps p{font-size:17px;line-height:1.9;color:var(--muted)}.bottom-cta{display:flex;justify-content:space-between;align-items:center;padding-block:75px}.footer{border-top:1px solid var(--border);padding-block:30px;display:flex;gap:24px;align-items:center;color:var(--muted);font-size:14px}.footer .brand{color:var(--text);font-size:19px}.footer .brand-symbol{width:25px;height:25px}.footer .brand-symbol svg{width:19px}.footer>div{margin-left:auto;display:flex;gap:25px}.page-intro{text-align:center;padding-block:65px 40px}.page-intro h1{font-size:43px;letter-spacing:-2px;margin:20px 0}.currency{display:inline-flex;border:1px solid var(--border);background:var(--raised);padding:4px;border-radius:9px;margin-top:18px;gap:5px}.currency button{padding:8px 18px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:12px;font-weight:650}.currency button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #0001}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:20px}.plan{position:relative;border:1px solid var(--border);border-radius:13px;padding:28px 23px;background:var(--surface);display:flex;flex-direction:column}.plan h2{font-size:24px;letter-spacing:-1px;margin:12px 0}.plan-description{font-size:12px;color:var(--muted);margin:0}.price{font-size:36px;font-weight:750;letter-spacing:-1.5px;margin:35px 0 8px;font-variant-numeric:tabular-nums}.billing{font-size:11px;color:var(--muted);margin:0;padding-bottom:28px;border-bottom:1px solid var(--border)}.plan ul{padding:0;list-style:none;margin:23px 0 30px;font-size:12px;line-height:2.5}.plan li:before{content:'✓';color:var(--accent-text);margin-right:9px}.plan button{margin-top:auto;border:1px solid var(--border);border-radius:8px;padding:13px 8px;background:var(--raised);color:var(--muted);font-size:12px;opacity:1}.plan.featured{border:2px solid var(--accent-text);padding:27px 22px}.plan.featured button{background:var(--accent);color:var(--on-accent);border-color:transparent}.recommend{position:absolute;top:-13px;left:23px;font-size:10px;font-weight:700;padding:5px 12px;border-radius:6px;background:var(--accent);color:var(--on-accent)}.release-note{text-align:center;font-size:11px;color:var(--muted);margin-top:24px}.narrow{max-width:760px}.faq-section{padding-block:60px 80px}.faq-section h2{font-size:25px;letter-spacing:-1px;margin-bottom:28px}details{border-bottom:1px solid var(--border);scroll-margin-top:30px}summary{cursor:pointer;list-style:none;position:relative;padding:23px 30px 23px 0;font-size:18px;font-weight:600;line-height:1.6}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:5px;top:23px;color:var(--muted);font-size:18px}details[open] summary:after{content:'−'}details p{margin:0;padding:0 30px 25px 0;color:var(--muted);font-size:17px;line-height:1.9}details p a{color:var(--accent-text);text-decoration:underline}.search{display:flex;align-items:center;gap:13px;max-width:540px;margin:30px auto 0;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 18px;text-align:left}.search>span:first-child{font-size:25px;color:var(--muted)}.search input{border:0;background:transparent;width:100%;color:var(--text);padding:4px;font-size:17px;min-width:0}.search:focus-within{outline:2px solid var(--accent-text);outline-offset:3px}.search input:focus-visible{outline:0}.help-layout{display:grid;grid-template-columns:220px 1fr;gap:70px;padding:25px 0 90px;max-width:1000px}.help-layout aside{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding-top:15px;font-size:16px}.help-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--border);padding-bottom:15px}.help-heading h2{font-size:22px;letter-spacing:-.7px}.help-heading>span{font-size:14px;color:var(--muted)}.article-category{display:block;color:var(--muted);font-size:14px;font-weight:400;margin-bottom:5px}.help-bottom{font-size:16px;color:var(--muted);padding-top:35px;line-height:1.8}.help-bottom a{color:var(--accent-text);margin-left:10px}#empty-results{padding:40px 0;color:var(--muted);font-size:17px}#clear-search{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:10px 15px;border-radius:7px}.skip{position:absolute;left:10px;top:-100px;background:var(--accent);color:var(--on-accent);padding:12px;z-index:5}.skip:focus{top:10px}
@media(max-width:1000px){.hero{gap:35px}.plans{grid-template-columns:repeat(2,1fr);gap:25px}.hero h1{font-size:48px}.help-layout{gap:35px}.wrap{width:calc(100% - 48px)}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.header{height:80px;gap:15px;flex-wrap:wrap}.header .brand{font-size:22px}.header nav{gap:16px;font-size:16px}.header #theme{padding:7px;font-size:14px}.brand-symbol{width:27px;height:27px}.hero{grid-template-columns:1fr;padding-block:50px;gap:40px}.hero h1{font-size:48px}.hero .lead{font-size:18px}.preview{transform:none}.steps{grid-template-columns:1fr;gap:25px;margin-top:30px}.steps article{border-top:1px solid var(--border);padding-top:25px}.section-heading h2,.bottom-cta h2{font-size:27px}.bottom-cta{align-items:flex-start;gap:25px;flex-direction:column;padding-block:50px}.footer{flex-wrap:wrap;gap:15px}.footer>div{margin-left:0;width:100%;justify-content:space-between}.page-intro{padding-top:45px}.page-intro h1{font-size:33px;letter-spacing:-1.7px}.page-intro .lead{font-size:20px}.plans{grid-template-columns:1fr}.plan{padding:27px}.plan.featured{padding:26px}.price{margin-top:25px}.help-layout{grid-template-columns:1fr;gap:25px}.help-layout aside{flex-direction:row;flex-wrap:wrap;gap:20px}.help-layout aside>.eyebrow{display:none}.faq-section{padding-block:40px 60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.theme-icon-button{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;padding:9px;border:0;border-radius:50%;background:transparent;color:var(--text);cursor:pointer}.theme-icon-button:hover{background:var(--raised)}.theme-icon-button svg{width:24px;height:24px;grid-area:1/1}.theme-sun{display:none}:root[data-theme=dark] .theme-sun{display:block}:root[data-theme=dark] .theme-moon{display:none}
@media(prefers-color-scheme:dark){:root:not([data-theme]) .theme-sun{display:block}:root:not([data-theme]) .theme-moon{display:none}}