.landing{max-width:1040px;margin:0 auto;padding:0 24px}.landing a{color:inherit;text-decoration:none}.landing-nav{justify-content:space-between;align-items:center;height:72px;display:flex}.landing-brand{font-size:var(--fs-15);font-weight:var(--fw-title);letter-spacing:var(--ls-15);align-items:center;gap:8px;display:flex}.landing-hero{max-width:620px;padding:72px 0 56px}.landing-hero h1{font-size:40px;line-height:1.1;font-weight:var(--fw-title);letter-spacing:-.04em;color:var(--ink);margin:0}.landing-hero p{font-size:var(--fs-15);color:var(--text-secondary);margin:16px 0 28px;line-height:1.55}.features{flex-direction:column;gap:12px;display:flex}.feature{background:#e9e9ea;border-radius:24px;grid-template-columns:minmax(0,380px) minmax(0,1fr);min-height:320px;display:grid;position:relative;overflow:hidden}.feature-text{padding:40px}.feature h2{font-size:20px;line-height:1.3;font-weight:var(--fw-title);letter-spacing:-.015em;color:var(--ink);margin:0}.feature p{font-size:var(--fs-15);color:var(--text-secondary);margin:10px 0 0;line-height:1.6}.feature-art{position:relative}.faq{padding:96px 0 24px}.faq h2{font-size:28px;font-weight:var(--fw-title);letter-spacing:var(--ls-28);color:var(--ink);margin:0 0 24px}.faq dl{grid-template-columns:1fr 1fr;gap:28px 48px;margin:0;display:grid}.faq dt{font-size:var(--fs-15);font-weight:var(--fw-title);color:var(--ink)}.faq dd{font-size:var(--fs-14);color:var(--text-secondary);margin:6px 0 0;line-height:1.6}.landing-foot{border-top:1px solid var(--hairline);height:72px;color:var(--text-tertiary);justify-content:space-between;align-items:center;margin-top:72px;display:flex}.landing-foot-link{transition:color var(--hover);align-items:center;gap:2px;display:inline-flex}.landing-foot-link:hover{color:var(--text)}.art-canvas{background:linear-gradient(135deg,#b9cafa,#ebd1e6);border-radius:14px;place-items:center;display:grid}.art-window{background:#fff;border-radius:10px;width:72%;overflow:hidden;box-shadow:0 22px 44px -10px #14182847}.art-window-bar{align-items:center;gap:5px;height:22px;padding:0 10px;display:flex}.art-window-bar i,.art-shot-bar i{background:#ff625a;border-radius:50%;width:7px;height:7px}.art-window-bar i:nth-child(2),.art-shot-bar i:nth-child(2){background:#ffbd44}.art-window-bar i:nth-child(3),.art-shot-bar i:nth-child(3){background:#00c84e}.art-window-body{gap:14px;padding:8px 14px 18px;display:flex}.art-side{flex-direction:column;gap:8px;width:26%;display:flex}.art-main{flex-direction:column;flex:1;gap:9px;display:flex}.art-side b,.art-main b{background:#ececee;border-radius:4px;height:7px}.art-main b{width:92%}.art-main b.wide{background:#f2f2f4;border-radius:6px;width:100%;height:22px}.art-main b.short{width:54%}.art-card{background:var(--surface);border-radius:16px;box-shadow:0 0 0 1px #0000000d,0 12px 32px #00000014}.art-label{font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--text-secondary)}.art-row{justify-content:space-between;align-items:center;gap:12px;height:38px;display:flex}.art-seg{background:var(--fill);border-radius:999px;padding:2px;display:flex}.art-seg span{height:24px;font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--text-secondary);border-radius:999px;place-items:center;padding:0 10px;display:grid}.art-seg span.on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014,0 0 0 1px #0000000a}.art-foot{grid-template-columns:1fr 1.6fr;gap:8px;margin-top:10px;display:grid}.art-button{background:var(--fill);height:34px;font-size:var(--fs-13);font-weight:var(--fw-medium);color:var(--text);border-radius:999px;place-items:center;display:grid;position:relative}.art-button.dark{background:var(--ink);color:var(--on-ink)}.feature-art .art-frame{position:absolute;inset:44px -40px -40px 0}.feature-art .art-tilt{perspective:900px;background:linear-gradient(135deg,#e9cbff,#aba5ef);position:absolute;inset:44px -40px -40px 60px}.art-window.is-tilted{transform:rotateX(10deg)rotateY(-16deg)}.art-tilt-card{flex-direction:column;align-items:center;gap:10px;padding:14px 18px 18px;display:flex;position:absolute;bottom:40px;left:0}.art-pad{background:var(--surface);width:72px;height:72px;box-shadow:var(--groove), 0 2px 8px #0000000f;border-radius:50%;place-items:center;display:grid}.art-pad i{background:var(--knob);width:44px;height:44px;box-shadow:var(--grip-shadow);border-radius:50%;transform:translate(-17px,-13px)}.art-crop{border-radius:12px;position:absolute;inset:44px -40px -40px 0;overflow:hidden}.art-shot{background:#fff;position:absolute;inset:0}.art-shot-bar{background:#ececee;border-bottom:1px solid #d4d4d8;align-items:center;gap:6px;height:46px;padding:0 14px;display:flex}.art-shot-bar span{background:#fff;border-radius:999px;flex:1;max-width:220px;height:22px;margin-left:24px}.art-shot .art-main{padding:22px 28px}.art-crop-rect{position:absolute;inset:47px 64px 56px 28px;box-shadow:0 0 0 999px #14141873,inset 0 0 0 1px #ffffffe6}.art-crop-rect i{background:#fff;border-radius:50%;width:10px;height:10px;margin:-5px;position:absolute;box-shadow:0 0 0 1px #0003,0 1px 3px #0000004d}.art-crop-rect .nw,.art-crop-rect .n,.art-crop-rect .ne{top:0}.art-crop-rect .sw,.art-crop-rect .s,.art-crop-rect .se{top:100%}.art-crop-rect .e,.art-crop-rect .w{top:50%}.art-crop-rect .nw,.art-crop-rect .w,.art-crop-rect .sw{left:0}.art-crop-rect .n,.art-crop-rect .s{left:50%}.art-crop-rect .ne,.art-crop-rect .e,.art-crop-rect .se{left:100%}.art-snap{background:#ff3b7a;height:1px;margin-top:-.5px;position:absolute;top:47px;left:0;right:0}.art-crop-size{color:#fff;height:26px;font-size:var(--fs-12);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;background:#0000008c;border-radius:999px;place-items:center;padding:0 10px;display:grid;position:absolute;bottom:14px;left:28px}.art-export{width:300px;padding:10px 14px 14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.25)}.art-confetti{border-radius:1.5px;width:6px;height:10px;margin:-5px -3px;position:absolute;top:50%;left:50%}@media (max-width:760px){.landing{padding:0 16px}.landing-hero{padding:40px 0 32px}.landing-hero h1{font-size:32px}.feature{grid-template-columns:1fr;min-height:0}.feature-text{padding:28px 24px 0}.feature-art{height:280px}.faq{padding-top:64px}.faq dl{grid-template-columns:1fr}}
