.landing{--gold:#b8924a;--gold-text:#8a6727;--gold-large:#a07a34;overflow-x:clip}[data-theme=dark] .landing{--gold-text:#b8924a;--gold-large:#b8924a}.landing h1,.landing h2,.landing h3{font-family:var(--font-playfair), Georgia, serif;letter-spacing:-.01em;text-wrap:balance;font-weight:400}.landing .wrap{max-width:1180px;margin:0 auto;padding:0 28px}.landing .eyebrow{font:500 .75rem/1 var(--font-geist-sans), system-ui, sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--muted-foreground)}.landing .btn{border-radius:999px;align-items:center;gap:8px;padding:.8125rem 1.375rem;font-size:.9375rem;font-weight:500;line-height:1;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex}.landing .btn.solid{background:var(--primary);color:var(--primary-foreground);box-shadow:0 10px 24px -14px #33493be6}.landing .btn.solid:hover{transform:translateY(-1px)}.landing .btn.line{border:1px solid var(--border);background:var(--card);color:var(--foreground)}.landing .btn.line:hover{border-color:var(--primary)}.landing .more{color:var(--primary);border-bottom:1px solid;padding-bottom:2px;font-weight:500;text-decoration:none}.landing section.block{padding:96px 0}.landing .head{max-width:46em;margin-bottom:46px}.landing .head h2{margin:14px 0;font-size:clamp(2rem,3.6vw + 2.9rem - 46.4px,2.875rem);line-height:1.1}.landing .head p.body{color:var(--muted-foreground);font-size:1.09375rem}.landing .center{text-align:center;margin-left:auto;margin-right:auto}.landing .tint{background:var(--secondary)}.landing .hero{position:relative}.landing .hero .wrap{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);align-items:center;gap:56px;padding-top:64px;padding-bottom:88px;display:grid}@media (min-width:1100px){.landing .hero .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr)}.landing .hero .wrap>.stage{order:-1}}@media (min-width:48rem) and (max-width:1279.98px){.landing .hero .wrap{max-width:48rem;padding-inline:2rem}}@media (min-width:1024px) and (max-width:1279.98px){.landing .hero .wrap{max-width:64rem}}.landing .hero .lockup{aspect-ratio:297.14/304.84;background:var(--primary);width:min(150px,36vw);margin-left:-6px;-webkit-mask:url(/brand/lockup.svg) 50%/contain no-repeat;mask:url(/brand/lockup.svg) 50%/contain no-repeat}.landing .hero .meaning{font:italic 400 1.3125rem/1.3 var(--font-playfair), Georgia, serif;color:var(--muted-foreground);margin-top:4px}.landing .hero h1{margin:22px 0;font-size:clamp(2.5rem,5.2vw,4.25rem);line-height:1.04}.landing .hero h1 em{color:var(--primary)}.landing .hero .lede{color:var(--muted-foreground);max-width:34em;font-size:1.15625rem;line-height:1.65}.landing .hero .ctas{flex-wrap:wrap;gap:12px;margin:32px 0 22px;display:flex}.landing .hero .ticks{color:var(--muted-foreground);flex-wrap:wrap;gap:8px 18px;font-size:.84375rem;display:flex}.landing .hero .ticks span:before{content:"";background:var(--gold);vertical-align:2px;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.landing .stage{min-height:520px;position:relative}.landing .browser{background:#fff;border-radius:12px;width:92%;position:absolute;top:10px;left:0;overflow:hidden;transform:rotate(-1.2deg);box-shadow:0 40px 80px -40px #211f1a8c,0 0 0 1px #211f1a0f}.landing .chrome{background:#efebe2;align-items:center;gap:6px;height:28px;padding:0 12px;display:flex}.landing .chrome i{background:#d8d1c2;border-radius:50%;width:9px;height:9px}.landing .chrome b{height:15px;font:500 .59375rem/15px var(--font-geist-sans), sans-serif;color:#655e51;white-space:nowrap;background:#e3ddd0;border-radius:8px;flex:1;margin-left:12px;padding-left:10px;overflow:hidden}.landing .phone{aspect-ratio:9/18.5;background:#111;border-radius:30px;width:38%;min-width:190px;padding:8px;position:absolute;bottom:0;right:0;transform:rotate(3deg);box-shadow:0 40px 70px -30px #0009}.landing .phone .screen{background:#f6f2ea;border-radius:23px;width:100%;height:100%;overflow:hidden}.landing .shot{width:100%;height:auto;display:block}.landing .phone .screen picture,.landing .phone .screen .shot{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.landing .recent{padding:24px 0 72px}.landing .recent .bar2{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.landing .recent h2{margin-top:12px;font-size:clamp(1.75rem,3vw + 2.4rem - 38.4px,2.375rem)}.landing .recent .bar2 p.note{color:var(--muted-foreground);margin-top:6px;font-size:.9375rem}.landing .recent .bar2 p.note.free{max-width:34em}.landing .bcard{background:var(--card);border:1px solid var(--border);height:100%;color:var(--foreground);border-radius:14px;flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.landing .bcard:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 22px 36px -26px #211f1a80}.landing .bcard .cv{aspect-ratio:4/3;background:var(--secondary);font:400 2.125rem var(--font-playfair), serif;color:var(--muted-foreground);justify-content:center;align-items:center;display:flex;overflow:hidden}.landing .bcard .cv img{object-fit:cover;width:100%;height:100%}.landing .bcard .tx{padding:16px 18px 18px}.landing .bcard .rel{font:500 .75rem var(--font-geist-sans), sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-text)}.landing .bcard h3{margin:6px 0;font-size:1.3125rem}.landing .bcard p{color:var(--muted-foreground);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.875rem;display:-webkit-box;overflow:hidden}.landing .three{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.landing .story{background:var(--card);border:1px solid var(--border);border-radius:16px;flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.landing .story:hover{transform:translateY(-3px);box-shadow:0 24px 40px -28px #211f1a80}.landing .story .img{aspect-ratio:5/4;background:#ddd;position:relative;overflow:hidden}.landing .story .img img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.landing .story .tag{z-index:1;color:#211f1a;background:#fbf9f4f0;border-radius:999px;padding:6px 11px;font-size:.75rem;font-weight:500;position:absolute;top:14px;left:14px}.landing .story .body{flex-direction:column;flex:1;gap:10px;padding:22px 24px 24px;display:flex}.landing .story h3{font-size:1.5625rem}.landing .story p{color:var(--muted-foreground);font-size:.9375rem}.landing .story .ex{border-top:1px solid var(--border);color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px;font-size:.84375rem;display:flex}.landing .story .ex a{color:var(--primary);white-space:nowrap;font-weight:500;text-decoration:none}.landing .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.landing .step{background:var(--background);border:1px solid var(--border);border-radius:16px;padding:26px}.landing .step .n{font:400 2.875rem/1 var(--font-playfair), serif;color:var(--gold-large);font-variant-numeric:lining-nums}.landing .step h3{margin:12px 0 8px;font-size:1.4375rem}.landing .step p{color:var(--muted-foreground);font-size:.9375rem}.landing .step .ui{background:var(--card);border:1px solid var(--border);border-radius:10px;min-height:150px;margin-top:22px;padding:14px;font-size:.75rem}.landing .ui .lab{color:var(--muted-foreground);margin:0 0 4px;font-size:.65625rem}.landing .ui .fld{border:1px solid var(--border);background:var(--background);border-radius:6px;min-height:26px;margin-bottom:9px;padding:3px 9px;font-size:.71875rem;line-height:1.5}.landing .ui .row{gap:8px;display:flex}.landing .ui .row>*{flex:1}.landing .ui .list{flex-direction:column;gap:5px;font-size:.71875rem;display:flex}.landing .ui .list span{align-items:center;gap:7px;display:flex}.landing .ui .list i{border:1.5px solid #bdb4a3;border-radius:50%;width:8px;height:8px}.landing .ui .list i.w{background:var(--primary);border-color:var(--primary)}.landing .ui .list em{color:var(--muted-foreground)}.landing .ui .q{font:italic .8125rem/1.45 var(--font-playfair), serif;color:var(--muted-foreground);margin:10px 0 8px}.landing .ui .saved{color:var(--primary);margin-top:4px;font-size:.65625rem;display:inline-block}.landing .ui .tpl{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.landing .ui .tpl div{border:1px solid var(--border);text-align:center;background:var(--background);border-radius:7px;padding:6px;font-size:.65625rem}.landing .ui .tpl div.on{border:1.5px solid var(--foreground)}.landing .ui .tpl b{border-radius:4px;height:36px;margin-bottom:5px;display:block}.landing .ui .vis{flex-direction:column;gap:6px;margin-top:10px;font-size:.71875rem;display:flex}.landing .ui .vis span{border:1px solid var(--border);background:var(--background);border-radius:6px;padding:5px 8px}.landing .ui .vis span.on{border-color:var(--primary);box-shadow:inset 3px 0 0 var(--primary)}.landing .how-more{text-align:center;margin-top:36px}.landing .tabs{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:28px;display:flex}.landing .tabs button{border:1px solid var(--border);background:var(--card);color:var(--foreground);cursor:pointer;border-radius:999px;padding:.625rem 1.125rem;font-size:.90625rem;font-weight:500}.landing .tabs button[aria-selected=true]{background:var(--foreground);color:var(--background);border-color:var(--foreground)}.landing .show{background:#fff;border-radius:14px;max-width:980px;margin:0 auto;overflow:hidden;box-shadow:0 50px 90px -50px #211f1a99,0 0 0 1px #211f1a12}.landing .show .chrome{height:30px}.landing .view{animation:.45s landing-fade}@keyframes landing-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.landing .trust{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:60px;display:grid}.landing .trust ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.landing .trust li{background:var(--card);border:1px solid var(--border);border-radius:14px;grid-template-columns:40px 1fr;gap:4px 14px;padding:18px 20px;display:grid}.landing .trust .ic{background:var(--secondary);width:40px;height:40px;color:var(--primary);border-radius:50%;grid-row:1/3;justify-content:center;align-items:center;display:flex}.landing .trust b{font-weight:500}.landing .trust li span{color:var(--muted-foreground);font-size:.90625rem}.landing .closing{background:var(--primary);color:var(--primary-foreground);text-align:center}.landing .closing .it{font:italic 400 clamp(2.875rem, calc(7vw + (1rem - 16px) * 5.6), 5.75rem)/1 var(--font-playfair), serif}.landing .closing .mean{letter-spacing:.3em;text-transform:uppercase;opacity:.8;margin:16px auto 34px;padding-left:.3em;font-size:.75rem;font-weight:500}.landing .closing p.body{opacity:.9;max-width:30em;margin:0 auto 34px;font-size:1.125rem}.landing .closing .btn.solid{background:var(--primary-foreground);color:var(--primary)}.landing .closing .more{color:var(--primary-foreground)}.landing .closing .ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.landing .credits{color:var(--muted-foreground);padding:18px 0;font-size:.75rem}.landing .hero .wrap{padding-top:clamp(16px,4vh,64px)}.landing .hero .lockup{width:min(150px,30vw,15vh)}.landing .hero .meaning{margin-top:2px;font-size:clamp(1.1875rem,2.6vh,1.3125rem)}.landing .hero h1{margin:clamp(10px,2vh,22px) 0;font-size:clamp(1.875rem,min(5.2vw,6.6vh) + 3.7rem - 59.2px,4.25rem)}.landing .hero .lede{font-size:clamp(.9375rem,2.5vh,1.15625rem);line-height:1.55}.landing .hero .ctas{margin:clamp(16px,3vh,32px) 0 16px}@media (max-width:900px){.landing .hero .lede{font-size:.96875rem}.landing .hero .wrap{grid-template-columns:minmax(0,1fr);gap:40px;padding-top:32px;padding-bottom:56px}.landing .stage{height:min(98vw,470px);min-height:0}.landing .three,.landing .steps{grid-template-columns:minmax(0,1fr)}.landing .trust{grid-template-columns:minmax(0,1fr);gap:36px}.landing section.block{padding:68px 0}.landing .recent .bar2{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.landing .wrap{padding:0 18px}.landing .stage{height:430px}.landing .browser{width:94%}.landing .phone{width:46%;min-width:160px}}@media (prefers-reduced-motion:reduce){.landing .view{animation:none}}@media (display-mode:standalone){.landing{visibility:hidden}}@media (max-width:640px){.landing .hero .lockup{aspect-ratio:9885/1585;width:min(230px,62vw);margin-left:0;-webkit-mask-image:url(/brand/wordmark.svg);mask-image:url(/brand/wordmark.svg)}}
