.homepage-hero{width:min(100% - 80px,1600px);margin-inline:auto;padding-block:38px 24px;scroll-margin-top:100px}.homepage-hero:has(.homepage-welcome){max-width:1300px}.homepage-welcome{--home-ink:var(--foreground);--home-muted:var(--muted-foreground);grid-template-columns:minmax(0,.88fr) minmax(0,1.4fr);align-items:center;column-gap:clamp(30px,3.5vw,56px);display:grid;position:relative}.homepage-welcome__intro{min-width:0;padding-block:36px 24px}.homepage-welcome__eyebrow{color:var(--home-muted);letter-spacing:.2em;text-transform:uppercase;margin-bottom:26px;font-size:11px;font-weight:600;line-height:1.4}.homepage-welcome__title{color:var(--home-ink);font-family:var(--font-display);letter-spacing:-.055em;margin:0;font-size:clamp(40px,4.75vw,70px);font-weight:600;line-height:1.09}.homepage-welcome__title span{display:block}.homepage-welcome__description{max-width:27rem;color:var(--home-muted);margin-top:28px;font-size:clamp(16px,1.45vw,20px);line-height:1.65}.homepage-welcome__upload{width:fit-content;max-width:100%;margin-top:32px}.homepage-welcome__upload-button{background:var(--primary);min-width:316px;max-width:100%;min-height:68px;color:var(--primary-foreground);cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:13px;padding:15px 30px;font-size:18px;font-weight:550;transition:background .14s;display:inline-flex}.homepage-welcome__upload-button:hover{background:color-mix(in oklch, var(--primary), black 9%)}.homepage-welcome__upload-button svg{flex:none;width:22px;height:22px}.homepage-welcome__paste,.homepage-welcome__formats{color:var(--home-muted);font-size:12px;line-height:1.6}.homepage-welcome__paste{text-align:center;margin-top:10px}.homepage-welcome__try{min-height:44px;color:var(--primary);cursor:pointer;align-items:center;gap:8px;margin-top:16px;font-size:17px;font-weight:550;display:inline-flex}.homepage-welcome__try:hover{text-underline-offset:5px;text-decoration:underline}.homepage-welcome__try svg{width:16px;height:16px}.homepage-welcome__privacy{color:var(--home-muted);max-width:24rem;margin-top:18px;font-size:12px;line-height:1.7}.homepage-welcome__error{color:var(--destructive);margin-top:16px;font-size:13px;line-height:1.6}.homepage-welcome button:disabled{opacity:.5;cursor:wait}.homepage-welcome :is(button,a,summary,[role=tabpanel]):focus-visible{outline:2px solid var(--primary);outline-offset:4px}.homepage-welcome__examples{align-self:start;min-width:0;scroll-margin-top:110px}.homepage-welcome__example-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.homepage-welcome__tabs{gap:26px;min-width:0;display:flex}.homepage-welcome__tabs button{min-height:44px;color:var(--home-muted);white-space:nowrap;cursor:pointer;padding:0 0 15px;font-size:15px;position:relative}.homepage-welcome__tabs button[aria-selected=true]{color:var(--primary);font-weight:550}.homepage-welcome__tabs button[aria-selected=true]:after{content:"";background:var(--primary);width:100%;height:2px;position:absolute;bottom:-1px;left:0}.homepage-welcome__compare-label{color:var(--home-muted);padding-bottom:15px;font-size:12px}.homepage-welcome__comparison{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.homepage-welcome__frame{background:var(--muted);border-radius:5px;min-width:0;position:relative;overflow:hidden}.homepage-welcome__frame figcaption{z-index:1;color:#212126;text-transform:uppercase;letter-spacing:.08em;pointer-events:none;background:#fffef8ee;border-radius:3px;padding:5px 8px;font-size:12px;font-weight:650;line-height:1.2;position:absolute;top:13px;left:13px}.homepage-welcome__frame a{display:block}.homepage-welcome__frame a:focus-visible{outline-offset:-4px}.homepage-welcome__frame img{width:100%;height:auto;display:block}.homepage-welcome__comparison--screenshot .homepage-welcome__frame{border:1px solid var(--border);background:var(--card);padding-top:42px}.homepage-welcome__comparison--screenshot .homepage-welcome__frame figcaption{top:10px}.homepage-welcome__proof-footer{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 16px;margin-top:16px;display:flex}.homepage-welcome__changes{flex-wrap:wrap;gap:10px 18px;margin:0;padding:0;list-style:none;display:flex}.homepage-welcome__changes li{color:var(--home-muted);align-items:center;gap:7px;font-size:12px;line-height:1.6;display:flex}.homepage-welcome__changes svg{background:var(--primary);width:17px;height:17px;color:var(--primary-foreground);stroke-width:2.5px;border-radius:50%;flex:none;padding:3px}.homepage-welcome__full-size{color:var(--primary);font-size:12px}.homepage-welcome__full-size summary{cursor:pointer;align-items:center;gap:5px;min-height:24px;list-style:none;display:flex}.homepage-welcome__full-size summary::-webkit-details-marker{display:none}.homepage-welcome__full-size svg{width:12px;height:12px}.homepage-welcome__full-size[open] summary>svg{transform:rotate(180deg)}.homepage-welcome__full-size>div{gap:16px;display:flex}.homepage-welcome__full-size a{text-underline-offset:3px;align-items:center;gap:3px;min-height:32px;text-decoration:underline;display:inline-flex}.homepage-welcome__example-note{color:var(--home-muted);max-width:42rem;margin-top:12px;font-size:12px;line-height:1.65}.homepage-welcome__mobile-switch{display:none}.homepage-welcome__options{grid-column:1/-1;margin-top:24px}.homepage-welcome__options>summary{color:var(--home-muted);cursor:pointer;align-items:center;gap:8px;width:fit-content;min-height:44px;font-size:12px;list-style:none;display:flex}.homepage-welcome__options>summary::-webkit-details-marker{display:none}.homepage-welcome__options>summary svg{width:14px;height:14px}.homepage-welcome__options[open]>summary svg{transform:rotate(180deg)}.homepage-welcome__options-content{border:1px solid var(--border);background:var(--card);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:8px;padding:24px;display:grid}.homepage-welcome__options-content>div{min-width:0}.homepage-welcome__drop{z-index:10;border:2px dashed var(--primary);background:color-mix(in oklch, var(--background) 95%, transparent);color:var(--primary);pointer-events:none;border-radius:10px;justify-content:center;align-items:center;gap:12px;font-size:24px;display:flex;position:absolute;inset:0}.homepage-welcome__drop svg{width:30px;height:30px}.homepage-howto{border-top:1px solid var(--border);grid-template-columns:minmax(0,.88fr) minmax(0,1.4fr);gap:clamp(30px,3.5vw,56px);width:min(100% - 80px,1300px);margin:0 auto;padding:42px 0 54px;scroll-margin-top:100px;display:grid}.homepage-howto>h2{font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:clamp(30px,3.2vw,46px);font-weight:500;line-height:1.18}.homepage-howto>h2 span{display:block}.homepage-howto>ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.homepage-howto>ol>li{min-width:0}.homepage-howto>ol>li+li{border-left:1px solid var(--border);padding-left:24px}.homepage-howto__number{color:var(--muted-foreground);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:20px;line-height:1}.homepage-howto h3{font-family:var(--font-display);letter-spacing:-.02em;margin-top:13px;font-size:21px;font-weight:500;line-height:1.3}.homepage-howto p{color:var(--muted-foreground);margin-top:9px;font-size:15px;line-height:1.75}@media (width>=1000px){.homepage-welcome__examples{min-height:590px}}@media (width<=999px){.homepage-hero{width:calc(100% - 48px);padding-top:28px}.homepage-welcome{grid-template-columns:1fr;gap:30px}.homepage-welcome__intro{padding:0}.homepage-welcome__title{font-size:46px}.homepage-welcome__title span{display:inline}.homepage-welcome__title span+span:before{content:" "}.homepage-welcome__description{max-width:38rem;margin-top:18px;font-size:17px}.homepage-welcome__eyebrow{margin-bottom:16px}.homepage-welcome__upload{margin-top:22px}.homepage-welcome__privacy{max-width:38rem;margin-top:10px}.homepage-welcome__options{margin-top:-10px}.homepage-howto{grid-template-columns:1fr;gap:28px;width:calc(100% - 48px);padding-block:32px 42px}.homepage-howto>h2 span{display:inline}.homepage-howto>h2 span+span:before{content:" "}}@media (width<=639px){.homepage-hero{width:calc(100% - 40px);padding-top:26px}.homepage-welcome{gap:28px}.homepage-welcome__title{font-size:clamp(32px,9vw,40px)}.homepage-welcome__title span{display:block}.homepage-welcome__title span+span:before{content:none}.homepage-welcome__description{margin-top:18px;font-size:15px;line-height:1.7}.homepage-welcome__eyebrow{font-size:10px}.homepage-welcome__upload{width:100%;margin-top:23px}.homepage-welcome__upload-button{width:100%;min-width:0;min-height:56px;font-size:18px}.homepage-welcome__try{margin-top:7px}.homepage-welcome__privacy{margin-top:12px;font-size:12px}.homepage-welcome__example-header{margin-bottom:12px}.homepage-welcome__tabs{justify-content:space-between;gap:0;width:100%}.homepage-welcome__tabs button{padding-bottom:12px;font-size:12px}.homepage-welcome__compare-label{display:none}.homepage-welcome__mobile-switch{background:var(--muted);border-radius:6px;gap:3px;margin-bottom:12px;padding:3px;display:flex}.homepage-welcome__mobile-switch button{min-height:38px;color:var(--home-muted);cursor:pointer;border-radius:4px;flex:1;font-size:12px}.homepage-welcome__mobile-switch button[aria-pressed=true]{background:var(--card);color:var(--foreground);box-shadow:0 1px 3px #0000000a}.homepage-welcome__comparison{display:block}.homepage-welcome__frame{display:none}.homepage-welcome__frame--mobile-visible{display:block}.homepage-welcome__frame figcaption{top:12px;left:12px}.homepage-welcome__changes{gap:9px 12px}.homepage-welcome__changes li{font-size:12px}.homepage-welcome__proof-footer{gap:9px;margin-top:13px}.homepage-welcome__example-note{margin-top:6px;font-size:12px}.homepage-welcome__options-content{grid-template-columns:1fr;gap:24px;padding:18px}.homepage-welcome__drop{font-size:18px}.homepage-howto{width:calc(100% - 40px)}.homepage-howto>h2{font-size:32px}.homepage-howto>h2 span{display:block}.homepage-howto>h2 span+span:before{content:none}.homepage-howto>ol{grid-template-columns:1fr;gap:24px}.homepage-howto>ol>li,.homepage-howto>ol>li+li{border:0;grid-template-columns:32px 1fr;gap:0 16px;padding:0;display:grid}.homepage-howto__number{grid-row:1/3;padding-top:2px;font-size:19px}.homepage-howto h3{margin-top:0;font-size:21px}.homepage-howto p{margin-top:5px}}@media (prefers-reduced-motion:reduce){.homepage-welcome *{transition:none!important;animation:none!important}}