@layer reset, base, components, responsive;
@layer reset {
  *,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,p,figure{margin:0}img{display:block;max-width:100%;height:auto}button,input{font:inherit}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;scroll-padding-top:100px}
}
@layer base {
  :root{color-scheme:only light;--paper:#faf9f6;--ink:#191919;--muted:#62625f;--yellow:#ffcb32;--line:#deded7;--white:#fff;--radius:24px}
  body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
  ::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline:3px solid #4b50d8;outline-offset:5px}a{text-underline-offset:4px}h1,h2,h3{line-height:1.08;letter-spacing:-.055em}h1{font-size:clamp(3.9rem,7.7vw,7.2rem);font-weight:800}h2{font-size:clamp(2.4rem,4.4vw,4rem);font-weight:750}h3{font-size:1.4rem;letter-spacing:-.035em}p{color:var(--muted)}.wrap{max-width:1240px;width:calc(100% - 96px);margin-inline:auto}.section{padding-block:100px}.eyebrow{font-size:.73rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);display:block;margin-bottom:22px}.eyebrow::before{content:"";display:inline-block;width:7px;height:7px;background:currentColor;margin-right:10px;border-radius:2px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:44px}.section-heading p{max-width:365px}.section-heading h2{max-width:650px}.text-link{font-weight:650;text-decoration-thickness:1px}.muted{color:var(--muted)}.skip{position:fixed;left:20px;top:-100px;z-index:99;background:var(--ink);color:white;padding:12px}.skip:focus{top:10px}
}
@layer components {
  .site-header{background:color-mix(in srgb,var(--paper) 96%,transparent);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:28px}.brand{display:inline-flex;gap:10px;align-items:center;text-decoration:none;font-size:1.55rem;font-weight:800;letter-spacing:-.06em}.brand img{border-radius:12px;width:40px;height:40px;box-shadow:0 2px 10px #0000000b}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{text-decoration:none;font-size:.85rem;font-weight:550}.nav-links a:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none!important;font-size:.9rem;font-weight:650;padding:16px 23px;border-radius:10px;background:var(--ink);color:var(--white);border:1px solid var(--ink);line-height:1.25;min-height:52px;transition:transform .18s,background .18s}.button:hover{background:#333;transform:translateY(-2px)}.button.small{padding:12px 18px;min-height:44px;font-size:.8rem}.button.yellow{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.button.yellow:hover{background:#ffda67}.button.outline{background:transparent;color:var(--ink);border-color:var(--line)}.button svg{width:21px;height:24px;fill:currentColor}.nav-toggle{display:none}
  .hero{padding-top:66px;padding-bottom:54px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:30px;min-height:740px}.hero-copy{padding-bottom:16px;position:relative;z-index:2}.hero h1{margin-bottom:25px}.hero h1 span{position:relative;display:inline-block}.hero h1 span::after{content:"";position:absolute;z-index:-1;height:18%;width:101%;background:var(--yellow);left:-1%;bottom:5%;transform:rotate(-2deg)}.hero-intro{max-width:450px;font-size:1.08rem;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:28px}.hero-actions .text-link{font-size:.84rem}.trial-note{font-size:.74rem;margin-top:14px}.hero-art{position:relative;min-height:590px;isolation:isolate}.art-backdrop{position:absolute;inset:26px -4px 18px 0;background:#efeee8;border-radius:140px 140px 26px 26px;z-index:-2;overflow:hidden}.art-backdrop::before{content:"";position:absolute;width:420px;height:420px;border:1px solid #d3d2ca;border-radius:50%;top:100px;left:20px}.art-backdrop::after{content:"";position:absolute;width:520px;height:520px;border:1px solid #d3d2ca;border-radius:50%;top:50px;left:-30px}.hero-shot{overflow:hidden;aspect-ratio:1290/2241;position:absolute;border-radius:17px;box-shadow:0 18px 45px #0002;width:235px}.hero-shot img{width:100%;max-width:none;margin-top:-43%}.hero-shot.back{left:15px;top:45px;transform:rotate(-9deg);width:250px}.hero-shot.front{right:18px;top:90px;transform:rotate(7deg);width:260px}.art-label{position:absolute;left:21px;bottom:7px;background:var(--ink);color:white;box-shadow:0 7px 20px #0002;border-radius:13px;padding:13px 19px;display:flex;gap:16px;align-items:center;transform:rotate(-3deg);font-size:.8rem;z-index:3}.art-label .arrow{font-size:2rem;color:var(--yellow);line-height:1}.art-label strong{display:block;font-size:1rem}.art-label small{color:#cbcaca}.hero-caption{margin-top:12px;text-align:right;font-size:.66rem}
  .proof-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding-block:25px;gap:15px}.proof-item{display:flex;align-items:center;justify-content:center;gap:12px;font-size:.82rem;font-weight:600;border-right:1px solid var(--line)}.proof-item:last-child{border-right:0}.proof-icon{font-size:1.25rem;font-weight:400}
  .target-section{padding-top:86px}.target-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center}.target-layout h2{max-width:460px}.target-layout p{margin-top:22px;max-width:420px}.target-panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:30px}.panel-label{display:flex;justify-content:space-between;align-items:center;font-size:.76rem;font-weight:650;margin-bottom:18px}.panel-label span:last-child{color:var(--muted);font-size:.68rem;font-weight:450}.target-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.target-options a{padding:17px 4px;border:1px solid var(--line);border-radius:9px;text-align:center;text-decoration:none;font-size:.82rem;font-weight:700;transition:background .15s}.target-options a:hover,.target-options a:focus{background:var(--yellow);border-color:var(--yellow)}.target-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;padding-top:17px;border-top:1px solid var(--line);font-size:.73rem}.target-bottom p{margin:0;font-size:.73rem}.target-bottom a{font-weight:650;white-space:nowrap}.use-cases{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.use-cases span{font-size:.7rem;border:1px solid var(--line);padding:6px 11px;border-radius:30px;color:#62625f}
  .screenshots-section{background:var(--ink);color:var(--white);overflow:hidden}.screenshots-section .eyebrow{color:var(--yellow)}.screenshots-section p{color:#bcbcb8}.screenshots-section .section-heading h2{max-width:600px}.gallery-controls{display:flex;gap:8px}.gallery-controls[hidden]{display:none}.gallery-controls button{background:transparent;border:1px solid #585855;color:white;border-radius:50%;width:47px;height:47px;cursor:pointer;font-size:1.3rem}.gallery-controls button:hover{background:#333}.gallery{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 2px 22px;scrollbar-color:#686864 #292927}.gallery figure{flex:0 0 222px;scroll-snap-align:start}.gallery img{border-radius:15px;width:222px}.gallery figcaption{padding:16px 2px 0;display:flex;gap:15px;font-size:.8rem;color:#e7e7e3}.gallery figcaption span{color:var(--yellow);font-size:.69rem;padding-top:2px}.gallery-note{font-size:.68rem;margin-top:17px}
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px}.step{border-top:1px solid var(--line);padding-top:24px}.step-number{display:flex;align-items:center;justify-content:center;background:var(--yellow);border-radius:50%;height:36px;width:36px;font-size:.8rem;font-weight:700;margin-bottom:25px}.step h3{margin-bottom:15px}.step p{font-size:.91rem;line-height:1.75}.shortcut{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#eeede8;padding:23px 28px;border-radius:13px;margin-top:40px;font-size:.85rem}.shortcut p{color:var(--ink)}.shortcut a{white-space:nowrap}
  .benefits{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:60px}.benefit{border:1px solid var(--line);border-radius:var(--radius);padding:34px;position:relative;overflow:hidden}.benefit h3{font-size:1.8rem;margin-bottom:16px;max-width:280px}.benefit p{max-width:380px;font-size:.9rem}.benefit-icon{display:block;font-size:1.6rem;margin-bottom:28px}.benefit.yellow-card{background:var(--yellow);border-color:var(--yellow)}.yellow-card p{color:#514312}.benefit a{display:inline-block;font-size:.82rem;margin-top:26px}
  .guides-section{background:#f0efea}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-card{background:var(--paper);border:1px solid #e0dfd8;border-radius:18px;padding:27px;display:flex;flex-direction:column;min-height:265px;text-decoration:none;transition:transform .2s,box-shadow .2s}.guide-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000007}.guide-tag{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:28px}.guide-card h3{font-size:1.35rem;line-height:1.2;margin-bottom:13px}.guide-card p{font-size:.84rem;line-height:1.65}.guide-arrow{margin-top:auto;padding-top:23px;font-size:.77rem;font-weight:650;display:flex;justify-content:space-between}.guide-card.featured{background:var(--yellow);border-color:var(--yellow)}.guide-card.featured p,.guide-card.featured .guide-tag{color:#574718}.all-guides-link{margin-top:28px;font-size:.85rem}
  .faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-layout h2{margin-bottom:24px}.faq-layout>div>p{max-width:280px;font-size:.9rem}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{padding:23px 36px 23px 0;font-size:.96rem;font-weight:600;cursor:pointer;list-style:none;position:relative;line-height:1.4}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;right:2px;top:21px;font-size:1.4rem;font-weight:400}.faq-list details[open] summary::after{content:"−"}.faq-list details p{padding:0 30px 22px 0;font-size:.87rem;line-height:1.8}.faq-list details a{display:inline-block;margin-top:8px;color:var(--ink);font-weight:650}
  .download-section{padding-top:0}.download-card{background:var(--yellow);border-radius:28px;padding:62px 65px;display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;position:relative;overflow:hidden}.download-card h2{font-size:clamp(2.7rem,4.8vw,4.5rem);max-width:550px}.download-card p{color:#584919;margin-top:20px;max-width:425px;font-size:.94rem}.download-action{justify-self:end;display:flex;flex-direction:column;align-items:center;gap:20px}.download-action img{width:86px;height:86px;border-radius:21px;box-shadow:0 10px 20px #49390015}.download-action .trial-note{font-size:.72rem;text-align:center;margin:0}.download-action .button{padding:20px 27px}.site-footer{padding:32px 0 35px;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-links{display:flex;flex-wrap:wrap;gap:24px;font-size:.8rem}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:28px;margin-top:25px;border-top:1px solid var(--line);font-size:.68rem;color:var(--muted)}.footer-bottom p{font-size:inherit}
  .article-hero{padding:60px 0 55px;border-bottom:1px solid var(--line)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:.74rem;color:var(--muted);margin-bottom:40px}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.article-hero h1{font-size:clamp(2.8rem,5.5vw,5rem);max-width:920px}.article-deck{font-size:1.15rem;max-width:760px;margin-top:26px}.article-meta{font-size:.73rem;margin-top:22px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:80px;padding-top:55px;padding-bottom:90px}.article-body{min-width:0}.article-body p{margin:17px 0;line-height:1.9;color:#50504d}.article-body h2{font-size:2rem;letter-spacing:-.04em;margin-top:45px;margin-bottom:18px}.article-body h3{margin-top:30px;font-size:1.3rem}.article-body ol,.article-body ul{padding-left:24px;color:#50504d;line-height:1.9}.article-body li{padding-left:8px;margin-bottom:12px}.article-body strong{color:var(--ink)}.article-body a{color:#434098}.quick-answer{border-left:4px solid var(--yellow);background:white;padding:23px 26px;border-radius:0 12px 12px 0}.quick-answer .eyebrow{margin-bottom:9px}.quick-answer p{margin:0;color:var(--ink)}.article-note{padding:22px 25px;background:#eeede7;border-radius:12px;margin-block:25px}.article-note p{margin:0;font-size:.9rem}.article-aside{align-self:start;position:sticky;top:120px;background:#eeede8;border-radius:18px;padding:24px}.article-aside .brand{margin-bottom:20px}.article-aside h2{font-size:1.4rem;letter-spacing:-.04em}.article-aside p{font-size:.82rem;margin-top:16px}.article-aside .button{width:100%;margin-top:22px;font-size:.8rem;padding:15px 12px}.article-aside .trial-note{font-size:.66rem}.toc{border-top:1px solid #d3d3cc;margin-top:24px;padding-top:20px}.toc strong{font-size:.73rem}.toc a{display:block;font-size:.76rem;text-decoration:none;color:#565652;margin-top:10px}.toc a:hover{text-decoration:underline}.article-screenshot{max-width:265px;margin:30px auto}.article-screenshot img{border-radius:15px}.article-screenshot figcaption{font-size:.7rem;color:var(--muted);margin-top:10px}.article-body table{width:100%;border-collapse:collapse;margin-block:25px;font-size:.85rem}.article-body th,.article-body td{text-align:left;border-bottom:1px solid var(--line);padding:14px 12px}.article-body th{background:#eeede8}.related{border-top:1px solid var(--line);padding-top:60px;padding-bottom:80px}.related h2{font-size:2.5rem;margin-bottom:30px}.sources{font-size:.78rem;border-top:1px solid var(--line);margin-top:36px;padding-top:20px}.sources a{display:inline}.guide-index{padding-block:70px}.guide-index h1{font-size:clamp(3rem,6vw,5.5rem);margin-bottom:25px}.guide-index>p{max-width:650px;margin-bottom:40px}.privacy-content{max-width:800px;margin:auto;padding-block:65px}.privacy-content h1{font-size:3.5rem}.privacy-content h2{font-size:1.75rem}.privacy-content a{overflow-wrap:anywhere}
}
@layer responsive {
  @media(min-width:1400px){.hero-art{margin-left:25px}.hero-shot.front{right:30px}.hero-shot.back{left:25px}}
  @media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{min-height:650px;padding-top:40px}.hero-art{min-height:520px}.hero-shot.back{width:210px;left:0}.hero-shot.front{width:230px;right:0}.hero-actions{gap:15px;flex-wrap:wrap}.art-label{bottom:0;left:0}.hero h1{font-size:clamp(3.8rem,7.5vw,6rem)}.target-layout{gap:35px}.faq-layout{gap:50px}.article-layout{gap:40px;grid-template-columns:minmax(0,1fr) 240px}.download-card{padding:50px 40px}.nav-links{gap:22px}}
  @media(max-width:800px){.wrap{width:calc(100% - 40px)}.section{padding-block:70px}.nav{min-height:74px;gap:15px}.nav-links{gap:16px}.nav-links a{font-size:.75rem}.nav-links .button{font-size:.72rem;padding:11px 12px}.hero{grid-template-columns:1fr 1fr;gap:10px;padding-block:45px;min-height:590px}.hero h1{font-size:3.8rem}.hero-intro{font-size:.93rem}.hero-art{min-height:460px}.hero-shot.back{width:190px;left:0;top:30px}.hero-shot.front{width:210px;right:12px;top:78px}.art-label{font-size:.66rem;padding:10px 13px}.art-label strong{font-size:.82rem}.hero-caption{font-size:.59rem}.hero-actions .text-link{font-size:.77rem}.proof-strip{grid-template-columns:repeat(2,1fr);row-gap:22px}.proof-item:nth-child(2){border:0}.target-layout{grid-template-columns:1fr;gap:30px}.target-layout h2{max-width:600px}.target-layout p{max-width:550px}.section-heading{gap:25px}.section-heading p{font-size:.87rem}.steps{gap:25px}.guide-grid{grid-template-columns:repeat(2,1fr)}.faq-layout{grid-template-columns:1fr;gap:35px}.faq-layout>div>p{max-width:none}.download-section{padding-top:0}.download-card{padding:40px 30px;gap:25px}.download-card h2{font-size:3rem}.article-layout{grid-template-columns:1fr}.article-aside{position:static;display:none}.footer-links{gap:16px}}
  @media(max-width:600px){.nav{flex-wrap:wrap;gap:0;min-height:72px}.brand{font-size:1.4rem}.brand img{width:35px;height:35px;border-radius:10px}.nav-links{gap:17px}.nav-links a:nth-child(-n+2){display:none}.nav-links a[href$='#faq']{display:none}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:32px;gap:18px}.hero-copy{padding:0}.hero h1{font-size:clamp(3.75rem,13vw,5.6rem);margin-bottom:24px}.hero .eyebrow{font-size:.64rem;margin-bottom:20px}.hero-intro{font-size:1rem;max-width:420px}.hero-actions{margin-top:24px;gap:22px}.trial-note{font-size:.7rem}.hero-art{min-height:510px;width:min(100%,400px);margin:10px auto 0}.hero-shot.back{width:210px;top:28px;left:11px}.hero-shot.front{width:230px;top:65px;right:12px}.art-backdrop{inset:10px 0 13px}.art-label{left:6px;bottom:8px}.hero-caption{text-align:center;font-size:.62rem;margin-top:8px}.proof-strip{padding-block:23px}.proof-item{font-size:.72rem;gap:8px;justify-content:start}.proof-item:nth-child(even){padding-left:10px}.proof-icon{font-size:1.1rem}.section{padding-block:62px}.section-heading{display:block;margin-bottom:30px}.section-heading p{margin-top:22px;max-width:420px}.section-heading h2{font-size:2.55rem}.target-panel{padding:22px 18px}.target-options{gap:6px}.target-options a{font-size:.77rem;padding:15px 2px}.target-bottom{display:block}.target-bottom a{display:inline-block;margin-top:9px}.target-layout h2{font-size:2.55rem}.use-cases span{font-size:.66rem}.gallery-controls{margin-top:22px}.gallery figure{flex-basis:240px}.gallery img{width:240px}.gallery{gap:16px}.steps{grid-template-columns:1fr;gap:32px;margin-top:35px}.step{position:relative;padding-left:54px;min-height:130px}.step-number{position:absolute;left:0;top:24px}.step h3{font-size:1.45rem}.shortcut{display:block;padding:22px}.shortcut a{display:inline-block;margin-top:14px}.benefits{grid-template-columns:1fr;margin-top:35px}.benefit{padding:28px}.guide-grid{grid-template-columns:1fr}.guide-card{min-height:230px;padding:25px}.guide-tag{margin-bottom:20px}.faq-layout h2{font-size:2.6rem}.faq-list summary{font-size:.91rem}.download-section{padding-top:0}.download-card{grid-template-columns:1fr;padding:35px 25px;gap:30px;border-radius:20px}.download-card h2{font-size:3.1rem}.download-action{justify-self:start;align-items:start}.download-action img{display:none}.download-action .trial-note{text-align:left}.footer-top{align-items:start;flex-direction:column;gap:25px}.footer-links{gap:20px;flex-wrap:wrap}.footer-bottom{display:block;font-size:.65rem}.footer-bottom p+p{margin-top:8px}.article-hero{padding-top:32px}.breadcrumbs{margin-bottom:30px;font-size:.67rem}.article-hero h1{font-size:2.8rem}.article-deck{font-size:1rem}.article-layout{padding-top:32px;padding-bottom:50px}.article-body h2{font-size:1.7rem}.article-body p,.article-body li{font-size:.94rem}.quick-answer{padding:20px}.article-body th,.article-body td{padding:11px 7px;font-size:.75rem}.related{padding-block:45px}.related h2{font-size:2rem}.privacy-content h1{font-size:2.7rem}}
  @media(max-width:360px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:3.6rem}.hero-actions{gap:16px}.hero-art{min-height:460px}.hero-shot.back{width:180px;left:12px}.hero-shot.front{width:200px;right:12px}.art-label{bottom:0}.hero-actions .button{padding-inline:17px}.nav-links{gap:12px}.nav-links>a:not(.button){display:none}.download-card h2{font-size:2.8rem}}
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
}
