:root{--ink:#20302b;--ink2:#35413c;--muted:#737a73;--sand:#f9f7f2;--paper:#fffefa;--line:#e9e9e1;--accent:#b78366;--sage:#dae7d6;--green:#3c594e;--red:#a1443d;--shadow:0 24px 80px rgba(32,48,43,.085);--font:'DM Sans',system-ui,-apple-system,sans-serif;--heading:'Manrope',system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font);background:var(--sand);font-size:15px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b3c9b6;outline-offset:3px}::selection{background:#dce7d6}
.container{width:min(1180px,calc(100% - 56px));margin:auto}.hide{display:none!important}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800;color:var(--green)}.brand{display:inline-flex;gap:11px;align-items:center;font-weight:800;letter-spacing:-.045em;font-size:22px}.brand img{height:34px;width:34px}.btn{border:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:13px;background:var(--ink);color:#fff;font-weight:800;padding:15px 23px;line-height:1.2;box-shadow:none;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-2px);background:#385347;box-shadow:0 8px 23px #243c3025}.btn-ghost{background:transparent!important;color:var(--ink);box-shadow:none;border:1px solid #d8ddd4}.btn-ghost:hover:not(:disabled){box-shadow:none;background:#e9eee6!important}.btn-light{background:#fff;color:var(--ink)}.btn-sm{padding:10px 16px;border-radius:10px;font-size:13px}.btn-wide{width:100%}.btn-outline{border:1px solid #c8d3c5;background:transparent;color:var(--ink)}.btn-accent{background:#dfbb9c;color:#1d2a25}.btn-accent:hover:not(:disabled){background:#eccbb0}.chip{display:inline-flex;align-items:center;gap:7px;border-radius:100px;padding:8px 12px;background:#edf1e9;color:#416152;font-weight:800;font-size:11px;letter-spacing:.025em}.chip-outline{background:transparent;border:1px solid #e1e6de}.check{color:#528161}.icon{width:20px;height:20px;vertical-align:middle;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-sm{width:17px;height:17px}.icon-lg{width:26px;height:26px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--heading);letter-spacing:-.065em}h1{font-size:clamp(44px,5.4vw,75px);line-height:1.115;font-weight:800}h2{font-size:clamp(33px,4vw,50px);line-height:1.17;font-weight:800}h3{font-size:23px}p{line-height:1.7}.soft{color:var(--muted)}
/* Public landing */
.topbar{height:82px;border-bottom:1px solid #e6e7df;background:#fcfbf7;position:sticky;top:0;z-index:30}.topbar-in{height:100%;display:flex;align-items:center;justify-content:space-between}.nav-links{display:flex;align-items:center;gap:36px;font-size:13px;color:#47544e;font-weight:700}.nav-links a:hover,.footer a:hover{color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:12px}.nav-mobile{display:none}.hero{position:relative;overflow:hidden;padding:96px 0 100px;background:radial-gradient(circle at 79% 27%,#e9ede0 0,transparent 38%),linear-gradient(152deg,#fffefa,#f7f7f0 65%,#f4eee7)}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:62px}.hero-left{position:relative;z-index:2}.hero h1{margin:20px 0 25px}.hero h1 em{font-style:normal;color:#9d8d77}.hero-lede{font-size:18px;line-height:1.65;color:#69736d;max-width:515px;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-assurance{display:flex;gap:19px;flex-wrap:wrap;margin-top:24px;font-size:12px;color:#69736d;font-weight:650}.hero-assurance span{display:flex;align-items:center;gap:7px}.hero-visual{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center}.visual-halo{position:absolute;width:620px;height:540px;border-radius:47%;background:#e6e9df;transform:rotate(-17deg);top:25px;right:-115px;filter:blur(2px)}.showcase-window{position:relative;width:100%;background:#fff;border:1px solid #e5e6df;border-radius:20px;box-shadow:0 45px 95px rgba(27,45,36,.19);overflow:hidden;transform:rotate(-2deg)}.showcase-browser{height:40px;display:flex;align-items:center;gap:6px;padding:0 18px;border-bottom:1px solid #e9e9e8;background:#fff}.browser-dot{width:7px;height:7px;border-radius:50%;background:#d7d9d5}.browser-address{background:#f6f6f4;color:#a2aaa2;padding:5px 18px;border-radius:100px;font-size:9px;margin:auto}.showcase-content{padding:20px 24px 22px}.showcase-heading{text-align:center;margin:8px 0 18px}.showcase-heading .sample-name{font-family:Georgia,serif;letter-spacing:-.045em;font-size:30px;font-style:italic;color:#31372f}.showcase-heading small{font-size:9px;letter-spacing:.19em;color:#8f978f}.showcase-grid{display:grid;grid-template-columns:1.28fr 1fr 1fr;grid-template-rows:128px 125px;gap:8px}.showcase-grid img{height:100%;width:100%;object-fit:cover;border-radius:7px}.showcase-grid img:first-child{grid-row:span 2}.floating-card{position:absolute;z-index:2;box-shadow:0 13px 45px #26372a1e;background:#fff;border:1px solid #f1f1ed;border-radius:14px;display:flex;gap:12px;align-items:center;padding:14px 17px}.float-a{top:34px;right:-33px}.float-b{bottom:28px;left:-37px}.floating-symbol{background:#e7f1e4;border-radius:11px;padding:11px;color:var(--green);display:flex}.floating-card strong{display:block;font-size:12px}.floating-card small{display:block;font-size:10px;color:#8d978f;margin-top:4px}.hero-foot{margin-top:55px;display:flex;align-items:center;gap:22px;color:#899189;font-size:12px}.hero-foot strong{color:var(--ink);font-size:21px}.section{padding:106px 0}.section-intro{text-align:center;max-width:630px;margin:0 auto 48px}.section-intro h2{margin:14px 0}.section-intro p{color:#727b74;font-size:16px}.how{background:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step-card{background:#f8f8f3;border:1px solid #eeeee8;border-radius:22px;padding:36px 31px 31px;min-height:270px}.step-number{color:#a1aaa0;font-size:12px;font-weight:800;margin-bottom:28px}.step-icon{height:53px;width:53px;background:#e6eae2;display:grid;place-items:center;border-radius:15px;color:var(--green);margin-bottom:22px}.step-card h3{font-size:20px;letter-spacing:-.035em;margin:0 0 11px}.step-card p{color:#78827b;margin:0;font-size:14px}.features{background:#f4f6f0}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.feature-image{border:1px solid #ebede7;background:#fff;box-shadow:var(--shadow);border-radius:25px;padding:22px;overflow:hidden}.feature-gallery-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.feature-sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.feature-sample-grid img{height:160px;width:100%;object-fit:cover;border-radius:8px}.mini-check{background:#243c2e;border-radius:100%;color:white;width:20px;height:20px;display:grid;place-items:center;position:absolute;right:8px;top:8px;font-size:11px}.feature-photo{position:relative}.floating-total{border-radius:11px;background:#fff;box-shadow:0 9px 35px #29392e25;padding:17px 20px;position:absolute;bottom:22px;right:-20px;display:flex;align-items:center;gap:28px;font-size:13px}.split h2{margin:16px 0 22px}.feature-items{margin-top:26px;display:grid;gap:20px}.feature-item{display:flex;gap:14px}.feature-item .checkcircle{height:28px;min-width:28px;background:#dfebe0;color:#557b5c;border-radius:50%;display:grid;place-items:center;font-weight:900}.feature-item strong{font-size:14px;display:block;margin-bottom:3px}.feature-item small{font-size:13px;color:var(--muted)}.pricing{background:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.price-card{border:1px solid #e6e8e0;border-radius:24px;padding:33px;background:#fff;display:flex;flex-direction:column}.price-card.featured{background:#223b30;color:white;border-color:#223b30;position:relative;box-shadow:0 20px 50px #213d2e2c;transform:translateY(-9px)}.price-top{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#7a867a}.featured .price-top{color:#bed7c7}.price-amount{font-size:44px;font-weight:800;letter-spacing:-.065em;margin:19px 0 7px;line-height:1.1}.price-amount span{font-size:15px;letter-spacing:0;font-weight:500}.price-desc{color:var(--muted);font-size:13px;min-height:52px}.featured .price-desc{color:#c7d5cc}.price-line{height:1px;background:#e6e8e1;margin:21px 0}.featured .price-line{background:#466154}.price-features{display:grid;gap:14px;margin-bottom:30px;font-size:13px;flex:1}.price-features span{display:flex;gap:9px;align-items:start}.featured .check{color:#bfe1c3}.price-card .btn{width:100%}.price-card.featured .btn{background:#e2eccf;color:#284034}.no-sub{margin-top:25px;text-align:center;color:#818b82;font-size:12px}.cta-band{background:#243c31;color:#fff;padding:75px 0;text-align:center}.cta-band h2{font-size:45px;max-width:720px;margin:12px auto 20px}.cta-band p{color:#c9d8cd;margin-bottom:30px}.cta-band .btn{background:#e4d6be;color:#2a382e}.faq{padding:100px 0;background:#fff}.faq-list{max-width:760px;margin:0 auto}.faq-item{border-bottom:1px solid #e9eae3;padding:21px 2px}.faq-item summary{cursor:pointer;display:flex;justify-content:space-between;font-weight:800;font-size:15px;list-style:none}.faq-item summary:after{content:'+';font-size:23px;font-weight:400}.faq-item[open] summary:after{content:'−'}.faq-item p{margin:14px 0 0;color:var(--muted);font-size:14px}.footer{padding:50px 0 30px;background:#f5f6f0}.footer-in{display:flex;align-items:start;justify-content:space-between;gap:30px}.footer .tagline{color:#818a80;max-width:290px;font-size:13px;margin-top:15px}.footer-links{display:flex;gap:34px;font-weight:700;font-size:13px}.footer-bottom{border-top:1px solid #e4e6de;margin-top:45px;padding-top:24px;font-size:12px;color:#8a928a}
/* Workspace */
.workspace{min-height:100vh;background:#f7f8f5;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{background:#fff;border-right:1px solid #e9eee7;padding:27px 17px 21px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{margin:0 13px 44px;font-size:20px}.sidebar .brand img{width:33px;height:33px}.side-group{font-size:10px;color:#9ba69b;text-transform:uppercase;font-weight:800;letter-spacing:.18em;padding:0 15px;margin-bottom:16px}.side-link{border:0;background:none;display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:13px 14px;border-radius:11px;color:#758176;font-weight:750;font-size:13px;margin-bottom:5px}.side-link.active{color:#315a48;background:#eef3ed}.side-link:hover{background:#f3f6f0;color:#3c594e}.sidebar-bottom{margin-top:auto;border-top:1px solid #edf0ea;padding:18px 11px 0}.profile-chip{display:flex;align-items:center;gap:12px}.avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:#e7eee5;color:#315443;font-weight:850}.profile-chip strong{display:block;font-size:12px}.profile-chip span{color:var(--muted);font-size:11px}.logout{background:none;border:0;color:#929c91;font-size:11px;margin-top:16px;padding-left:4px}.workspace-main{padding:37px clamp(25px,5vw,72px) 75px;max-width:1460px;width:100%;margin:0 auto}.ws-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:43px;gap:20px}.ws-topbar .back-landing{font-size:13px;color:#748377;display:flex;align-items:center;gap:8px}.ws-actions{display:flex;align-items:center;gap:12px}.credits{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e8eee6;padding:9px 12px;border-radius:100px;font-weight:750;font-size:12px;color:#395a47}.ws-header{margin-bottom:33px}.ws-header h1{font-size:35px;letter-spacing:-.06em;margin:10px 0}.ws-header p{color:#7a897e;margin:0;font-size:14px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:31px}.stat{padding:23px 25px;border-radius:17px;border:1px solid #e7ece5;background:#fff}.stat-label{color:#8c978d;font-size:12px;font-weight:700}.stat-number{font-size:31px;letter-spacing:-.055em;font-weight:850;margin-top:10px}.stat-number small{font-size:13px;letter-spacing:0;color:#95a198}.white-card{background:#fff;border:1px solid #e7ece5;border-radius:20px;padding:25px}.section-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.section-card-header h2{font-size:19px;margin:0}.empty{padding:65px 25px;text-align:center;border:1px dashed #d5dfd2;border-radius:17px;background:#fbfcfa}.empty-symbol{display:grid;place-items:center;margin:0 auto 18px;background:#eff3ec;border-radius:16px;width:62px;height:62px;color:#47735a}.empty h3{font-size:20px;margin:0 0 10px}.empty p{color:var(--muted);font-size:14px;max-width:450px;margin:0 auto 24px}.gallery-list{display:grid;gap:12px}.gallery-row{padding:15px 18px;display:flex;align-items:center;gap:16px;border:1px solid #edf1ea;border-radius:13px;cursor:pointer;transition:background .2s}.gallery-row:hover{background:#f8faf5}.gallery-row-thumbnail{height:56px;width:67px;background:#edf0e9;display:grid;place-items:center;border-radius:9px;color:#6e826f}.gallery-row-info{flex:1;min-width:0}.gallery-row-info strong{font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-row-info small{display:block;color:#8a968a;margin-top:4px}.status{display:inline-flex;padding:6px 10px;border-radius:100px;font-size:11px;font-weight:800;background:#eef3e9;color:#5a785e}.status.draft{background:#f4eee4;color:#9b7a53}.status.pending{background:#fff0dd;color:#a66c2c}.status.paid{background:#e8f4e9;color:#44764d}.form-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.85fr);gap:22px;align-items:start}.form-section{margin-bottom:20px}.form-section h3{font-size:16px;margin:0 0 5px}.form-section p{font-size:12px;color:#8c978d;margin-bottom:18px}.field{margin-bottom:18px}.field label{display:block;font-size:12px;color:#506352;font-weight:800;margin-bottom:9px}.field input,.field select,.field textarea{display:block;width:100%;height:46px;border:1px solid #dfe6dc;border-radius:10px;background:#fff;padding:0 13px;color:var(--ink);outline:none;transition:border-color .15s}.field input:focus,.field select:focus{border-color:#83a588;box-shadow:0 0 0 3px #b5cfb52b}.field textarea{min-height:90px;padding:12px}.field input::placeholder{color:#adb6aa}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.option-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:23px}.option-card{border:1px solid #e4eae1;background:#fff;border-radius:12px;padding:13px;text-align:left;white-space:normal}.option-card.chosen{border:1.5px solid #6a9577;background:#f1f7ef}.option-card strong{display:block;font-size:12px;margin:6px 0}.option-card small{color:#8b978a;line-height:1.5;display:block;font-size:10px}.upload-zone{border:1.5px dashed #c4d5c5;background:#fafcf9;border-radius:16px;display:grid;place-items:center;min-height:184px;padding:25px;text-align:center;cursor:pointer}.upload-zone.drag{border-color:#658c65;background:#eef6eb}.upload-zone .circle{width:48px;height:48px;background:#e6f0e4;display:grid;place-items:center;border-radius:13px;color:#597e61;margin-bottom:12px}.upload-zone strong{font-size:13px}.upload-zone small{color:#97a597;margin-top:5px;font-size:11px}.uploaded-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:18px}.upload-thumb{position:relative;border-radius:9px;aspect-ratio:1/1;overflow:hidden;background:#e5eae0}.upload-thumb img{height:100%;width:100%;object-fit:cover}.upload-remove{position:absolute;top:5px;right:5px;border:0;border-radius:50%;background:#1b2828cc;color:white;height:22px;width:22px;font-size:15px}.form-preview{position:sticky;top:35px}.preview-top{height:155px;border-radius:12px 12px 0 0;background:linear-gradient(140deg,#e7e9e2,#c5cfc0);display:flex;align-items:center;justify-content:center;gap:7px;overflow:hidden}.preview-top img{width:35%;height:145px;object-fit:cover;border-radius:6px;transform:rotate(-3deg)}.preview-top img:nth-child(2){transform:rotate(3deg) translateY(9px)}.preview-card-body{padding:20px}.preview-card-body h4{font-size:20px;margin:0 0 6px}.preview-metric{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #eef1eb;font-size:12px}.helper{font-size:12px;color:#8a9589;line-height:1.65}.demo-strip{display:flex;align-items:center;justify-content:space-between;gap:13px;background:#fff9e8;border:1px solid #f1e7ca;padding:12px 18px;border-radius:12px;margin-bottom:26px;color:#826c3c;font-size:12px}.demo-strip button{font-size:12px;font-weight:750;color:#6f5c35;border:0;background:transparent;text-decoration:underline}.order-list{display:grid;gap:10px}.order-row{border:1px solid #e8ece5;border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:16px}.order-row strong{font-size:13px}.order-row small{font-size:11px;color:#8e978e}.order-actions{display:flex;align-items:center;gap:12px}.link-display{display:flex;align-items:center;gap:8px;background:#f5f7f2;border:1px solid #e6ece3;padding:10px;border-radius:11px}.link-display input{background:transparent;border:0;flex:1;min-width:0;color:#5e7865;font-size:12px}.link-display button{background:#fff;border:1px solid #dfe6dd;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:800}.setting-container{max-width:650px}.info-box{padding:17px;border:1px solid #dfe8dc;background:#f5faf4;border-radius:13px;font-size:12px;color:#55745b;line-height:1.65;margin:18px 0}.notice{padding:11px 15px;background:#fff4e7;border:1px solid #f1e0c3;border-radius:10px;color:#9b683b;font-size:12px;line-height:1.65}
/* Auth */
.modal-backdrop{position:fixed;inset:0;background:#14271cc2;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.auth-modal{position:relative;width:min(480px,100%);background:#fffefa;border-radius:24px;padding:38px;box-shadow:0 35px 95px #0003}.auth-close{position:absolute;right:21px;top:16px;border:0;background:none;color:#76887a;font-size:28px}.auth-modal h2{font-size:29px;margin:24px 0 9px}.auth-modal p{color:#809084;font-size:13px;margin-bottom:25px}.auth-modal .field{margin-bottom:14px}.auth-footer{text-align:center;margin-top:17px;font-size:13px;color:#7b867b}.auth-footer button{border:0;background:transparent;color:var(--green);font-weight:800;text-decoration:underline}.password-note{font-size:11px;color:#899687;margin-top:-5px;margin-bottom:14px}
/* Buyer experience */
.buyer-shell{min-height:100vh;background:#fafaf7}.buyer-header{height:81px;border-bottom:1px solid #e6e8e1;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1150px)/2))}.buyer-header .brand{font-size:19px}.buyer-heading{text-align:center;padding:62px 20px 41px}.buyer-heading h1{font-family:Georgia,serif;font-size:clamp(34px,4vw,53px);font-weight:500;letter-spacing:-.055em;margin:13px 0}.buyer-heading p{color:#78877a;font-size:13px;margin:0}.buyer-layout{width:min(1200px,calc(100% - 54px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 322px;gap:30px;align-items:start;padding-bottom:75px}.photo-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.photo-item{position:relative;cursor:pointer;background:#e7eae4;border:0;border-radius:10px;padding:0;overflow:hidden;aspect-ratio:3/3.6}.photo-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.photo-item:hover img{transform:scale(1.035)}.photo-item .select-pill{position:absolute;top:10px;right:10px;display:grid;place-items:center;background:#fffdf3e8;border:1px solid #fff;border-radius:50%;height:29px;width:29px;color:#4f6e56;box-shadow:0 2px 9px #0002}.photo-item.active .select-pill{background:#365d48;color:#fff}.photo-item.active:after{content:'';position:absolute;inset:0;border:3px solid #517558;border-radius:10px;pointer-events:none}.photo-item .photo-number{position:absolute;bottom:10px;left:10px;font-size:11px;color:white;background:#162a1d7a;padding:4px 7px;border-radius:6px}.buyer-sidebar{position:sticky;top:22px;background:#fff;border:1px solid #e7ebe2;border-radius:19px;padding:23px;box-shadow:0 8px 45px #293c2710}.buyer-sidebar h3{font-size:20px;margin-bottom:18px}.summary-line{display:flex;align-items:center;justify-content:space-between;margin:12px 0;font-size:13px;color:#6b786e}.summary-line strong{color:#263d2c}.summary-total{border-top:1px solid #e4e9e1;padding-top:19px;margin-top:18px;display:flex;align-items:center;justify-content:space-between}.summary-total strong{font-size:25px;letter-spacing:-.04em}.buyer-tip{background:#f2f6ef;padding:14px;border-radius:10px;color:#66816d;line-height:1.5;margin:18px 0;font-size:12px}.buyer-sidebar .btn{width:100%}.buyer-sidebar .helper{text-align:center;margin-top:14px;font-size:11px}.buyer-mobile-bar{display:none}.checkout-box{max-width:540px;margin:70px auto;padding:35px;background:#fff;border:1px solid #e8ece5;border-radius:21px;box-shadow:var(--shadow)}.checkout-box h1{font-size:31px;margin:16px 0 9px}.checkout-box p{color:#778278}.paid-icon{height:64px;width:64px;background:#e5f0e6;border-radius:50%;display:grid;place-items:center;color:#4c875b;margin:0 auto 18px}.pix-box{padding:18px;background:#f5f7f3;border:1px solid #e2e8dd;border-radius:12px;margin:18px 0}.pix-key{font-size:17px;overflow-wrap:anywhere;font-weight:850;color:#324b39;margin-top:8px}.checkout-actions{display:flex;gap:10px;flex-wrap:wrap}.auth-required{max-width:660px;margin:70px auto}.error-page{max-width:600px;text-align:center;margin:115px auto;padding:20px}.error-page h1{font-size:40px}.error-page p{color:var(--muted)}
#toast-region{position:fixed;bottom:24px;right:24px;z-index:200;display:grid;gap:10px}.toast{background:#263d2e;color:white;border-radius:12px;box-shadow:0 12px 50px #0003;padding:13px 19px;max-width:350px;font-size:13px;animation:toast-in .24s ease}.toast.error{background:#8b3736}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.hero-grid{gap:28px}.hero-visual{min-height:490px}.float-a{right:-10px}.float-b{left:-12px}.split{gap:40px}.showcase-grid{grid-template-rows:105px 105px}.workspace{grid-template-columns:205px 1fr}.sidebar .brand{font-size:18px}.uploaded-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:850px){.container{width:min(100% - 40px,690px)}.nav-links{display:none}.topbar{height:70px}.nav-actions .btn-ghost{display:none}.hero{padding:64px 0 90px}.hero-grid,.split{grid-template-columns:1fr}.hero-left{text-align:center}.hero-lede{margin-inline:auto}.hero-actions,.hero-assurance{justify-content:center}.hero-visual{width:min(550px,100%);margin:auto;min-height:440px}.hero-foot{justify-content:center}.steps,.pricing-grid{grid-template-columns:1fr}.section{padding:78px 0}.steps{max-width:560px;margin:auto}.step-card{min-height:auto}.pricing-grid{max-width:560px;margin:auto}.price-card.featured{transform:none}.footer-in{display:block}.footer-links{margin-top:25px}.feature-image{order:2}.feature-image img{max-width:100%}.workspace{grid-template-columns:72px 1fr}.sidebar{padding:25px 10px}.sidebar .brand span,.side-group,.side-link span,.sidebar-bottom .profile-chip>div:last-child,.sidebar-bottom .logout{display:none}.sidebar .brand{margin:0 9px 43px}.side-link{justify-content:center;padding:13px 8px}.sidebar-bottom{padding-left:7px}.workspace-main{padding:30px 25px 70px}.form-layout{grid-template-columns:1fr}.form-preview{position:static}.buyer-layout{grid-template-columns:1fr;max-width:750px}.buyer-sidebar{position:static}.photo-gallery-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.container{width:calc(100% - 36px)}.topbar .brand{font-size:19px}.topbar .brand img{height:29px;width:29px}.topbar .btn{padding:10px 13px;font-size:12px}.hero{padding:55px 0 64px}.hero h1{font-size:42px}.hero-lede{font-size:15px}.hero-actions .btn{width:100%}.hero-visual{min-height:312px;margin-top:28px}.showcase-window{transform:none}.showcase-grid{grid-template-rows:80px 79px;gap:5px}.showcase-content{padding:12px}.showcase-heading{margin:2px 0 9px}.showcase-heading .sample-name{font-size:20px}.showcase-heading small{font-size:7px}.showcase-browser{height:29px}.floating-card{padding:9px;border-radius:10px}.floating-symbol{padding:6px}.floating-card strong{font-size:10px}.floating-card small{font-size:8px}.float-a{top:5px;right:-3px}.float-b{bottom:5px;left:0}.hero-foot{margin-top:25px}.hero-foot strong{font-size:17px}.section{padding:70px 0}.section-intro{margin-bottom:30px}.section-intro h2{font-size:32px}.step-card{padding:26px}.feature-sample-grid img{height:105px}.floating-total{position:static;box-shadow:none;padding:10px 0}.cta-band h2{font-size:33px}.faq{padding:65px 0}.footer-links{gap:15px;flex-wrap:wrap}.workspace{grid-template-columns:1fr}.sidebar{position:fixed;bottom:0;left:0;right:0;top:auto;width:100%;height:65px;z-index:31;flex-direction:row;align-items:center;justify-content:center;padding:6px 11px;border-right:none;border-top:1px solid #dfe8db}.sidebar .brand,.sidebar-bottom,.side-group{display:none}.side-link{margin:0;min-width:60px;padding:10px 16px}.workspace-main{padding:22px 16px 100px}.ws-topbar{margin-bottom:26px}.ws-topbar .back-landing{font-size:11px}.ws-header h1{font-size:29px}.ws-header .btn{margin-top:14px}.stat-grid{gap:9px}.stat{padding:14px}.stat-number{font-size:22px}.stat-label{font-size:10px}.white-card{padding:17px}.option-cards{grid-template-columns:1fr}.uploaded-grid{grid-template-columns:repeat(3,1fr)}.field-grid{grid-template-columns:1fr}.buyer-header{padding:0 20px;height:70px}.buyer-heading{padding:41px 18px 27px}.buyer-heading h1{font-size:36px}.buyer-layout{width:calc(100% - 28px);padding-bottom:115px}.photo-gallery-grid{gap:7px;grid-template-columns:repeat(2,1fr)}.buyer-sidebar{display:none}.buyer-mobile-bar{position:fixed;display:flex;align-items:center;justify-content:space-between;bottom:0;left:0;right:0;z-index:25;padding:12px 16px 18px;background:white;border-top:1px solid #e4eae1;box-shadow:0 -7px 24px #0001}.buyer-mobile-bar .btn{padding:13px 16px}.checkout-box{margin:34px 13px;padding:22px}.checkout-actions .btn{width:100%}.auth-modal{padding:25px}.auth-modal h2{font-size:26px}.demo-strip{align-items:start}}

/* FotoGaleria — créditos e painel administrativo */
.credits-banner{background:#e9eee7;border:1px solid #d8e3d7;padding:19px 22px;border-radius:18px;margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.credits-banner div{display:grid;gap:3px}.credits-banner strong{font-size:15px}.credits-banner span{font-size:13px;color:#58645d}.credit-price-grid{max-width:none;margin:0}.credit-price-grid .price-card h3{font-size:19px;margin:4px 0}
.pill{display:inline-block;padding:5px 10px;border-radius:20px;background:#eef0f3;color:#626d75;font-size:11px;font-weight:750;white-space:nowrap}
.pill-paid{background:#e1f3e9;color:#247455}.pill-pending{background:#fff2d8;color:#95630b}.pill-cancelled{background:#f4e6e6;color:#954343}
.admin-layout{display:flex;min-height:100vh;background:#f6f7f7;color:#202b2a}.admin-aside{width:260px;flex:0 0 260px;background:#182c2a;padding:28px 18px;color:#fff;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}
.admin-brand{display:flex;flex-direction:column;gap:8px;padding:2px 12px 30px}.admin-brand .brand{color:#fff!important}.admin-brand .brand span{color:#fff}.admin-brand>span{font-size:9px;letter-spacing:2.7px;color:#a1c1b7}
.admin-profile{display:flex;align-items:center;gap:11px;background:#29433e;padding:12px;border-radius:13px;margin:0 0 27px}.admin-avatar{width:40px;height:40px;background:#c3d4bd;color:#244a40;border-radius:50%;font-size:18px;font-weight:800;display:grid;place-items:center}.admin-profile div{display:grid;gap:2px}.admin-profile strong{font-size:14px}.admin-profile small{font-size:11px;color:#a7c6bc}
.admin-nav{display:grid;gap:5px}.admin-nav button,.admin-aside-foot button,.admin-aside-foot a{background:none;border:0;text-decoration:none;text-align:left;color:#bad1ca;display:flex;align-items:center;gap:12px;padding:13px;border-radius:12px;font-size:13px;cursor:pointer;font-family:inherit}.admin-nav button:hover,.admin-nav button.active{background:#344d45;color:#fff}.admin-nav svg,.admin-aside-foot svg{width:18px;height:18px;flex:none}.admin-aside-foot{margin-top:auto;border-top:1px solid #3a5149;padding-top:15px;display:grid;gap:3px}
.admin-main{min-width:0;flex:1;padding:0 34px 60px}.admin-top{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce3e2}.admin-top>div:first-child{display:grid;gap:4px}.admin-top-tag{font-size:10px;letter-spacing:1.6px;color:#77918a}.admin-top strong{font-size:15px}.admin-top-right{font-size:12px;color:#60766e;display:flex;align-items:center;gap:8px}.admin-dot{width:7px;height:7px;border-radius:50%;background:#4ea77c}
.admin-page-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:40px 0 24px}.admin-page-head h1{font-size:clamp(27px,3vw,39px);font-family:Georgia,serif;font-weight:500;letter-spacing:-1.2px;margin:8px 0 10px}.admin-page-head p{font-size:13px;line-height:1.6;color:#73827f;margin:0}.admin-select{padding:11px 14px;border:1px solid #d7dddb;background:#fff;border-radius:9px;min-width:165px;color:#30423f}
.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.admin-metric{border:1px solid #e1e6e3;background:#fff;border-radius:15px;padding:19px;min-width:0}.admin-metric-label{color:#72827f;font-size:11px;font-weight:650;margin-bottom:12px}.admin-metric-value{font-family:Georgia,serif;font-weight:500;font-size:clamp(23px,2.4vw,32px);letter-spacing:-1.2px;margin-bottom:8px}.admin-metric small{color:#8b9692;font-size:11px}
.admin-twocol{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.95fr);gap:18px}.admin-panel{background:#fff;border:1px solid #e1e6e3;border-radius:16px;margin-bottom:18px;overflow:hidden}.admin-panel-head{padding:21px 23px;border-bottom:1px solid #edf0ed;display:flex;justify-content:space-between;align-items:center;gap:10px}.admin-panel-head h2{font-size:15px;margin:0;color:#293b37}.admin-panel-head span{font-size:11px;color:#95a29c}.admin-chart{height:200px;display:flex;align-items:end;gap:2px;padding:20px 24px 0;border-bottom:1px solid #d8dfd9}.admin-bar-wrap{flex:1;height:100%;display:flex;align-items:end;min-width:1px}.admin-bar{background:linear-gradient(#719e88,#327461);border-radius:3px 3px 0 0;width:100%;opacity:.95}.admin-bar-wrap:hover .admin-bar{background:#172d25}.admin-chart-footer{display:flex;justify-content:space-between;color:#92a19b;padding:8px 25px;font-size:10px}.admin-note{font-size:11px;color:#81918a;padding:8px 24px 22px}
.admin-activity{max-height:360px;overflow:auto;padding:4px 21px}.activity-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f2ef}.activity-icon{height:34px;width:34px;display:grid;place-items:center;background:#e9f2ed;border-radius:10px;color:#387e60;flex:none}.activity-icon svg{width:16px;height:16px}.activity-info{display:grid;min-width:0;gap:4px;flex:1}.activity-info strong{font-size:12px}.activity-info span{font-size:11px;color:#98a29e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-row time{font-size:10px;color:#899791;white-space:nowrap}
.admin-note,.admin-notice{line-height:1.5}.admin-notice{background:#eaf2ed;border:1px solid #d6e7dc;color:#46735d;padding:16px 20px;margin-top:20px;border-radius:12px;font-size:12px}
.admin-toolbar{padding:19px 23px;display:flex;align-items:center;justify-content:space-between;gap:15px}.admin-toolbar form{display:flex;align-items:center;gap:8px;flex:1}.admin-toolbar input{width:min(350px,100%);border:1px solid #dce3df;padding:11px 12px;border-radius:9px;font:inherit;font-size:13px}.admin-toolbar>span{font-size:11px;color:#8a9992}.admin-table-wrap{width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}.admin-table th{text-align:left;font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:#7e9188;background:#f8faf8;padding:14px 17px;border-bottom:1px solid #e7ede9}.admin-table td{padding:14px 17px;border-bottom:1px solid #f1f3f0;color:#53655d}.admin-table tbody tr:hover{background:#fbfcfb}.admin-table td strong{color:#283a33}.admin-table-sub{display:block;font-size:10px;margin-top:3px;color:#88978d}.admin-person{text-align:left;background:none;border:0;cursor:pointer;padding:0;color:inherit;font:inherit;display:grid;gap:3px}.admin-person:hover strong{color:#36815c}.admin-person strong{font-size:12px}.admin-person small{color:#84918b}.admin-pagination{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px}.admin-cancel{background:none;border:0;padding:8px;font-size:11px;color:#a45656;cursor:pointer}.admin-back{border:0;background:none;color:#527a68;font-size:12px;cursor:pointer;padding:0;margin-bottom:14px}.admin-login-wrap{min-height:100vh;background:#eaf0ea;display:grid;place-items:center;padding:25px}.admin-login-card{background:white;width:min(480px,100%);padding:50px 48px;border-radius:24px;box-shadow:0 30px 80px #1c352b15}.admin-login-card h1{font-family:Georgia,serif;font-size:39px;font-weight:500;letter-spacing:-1.4px;margin:12px 0}.admin-login-card>p{font-size:13px;color:#7c8a84;line-height:1.6}.admin-login-card form{display:grid;gap:14px;margin-top:25px;margin-bottom:18px}.admin-login-card input{width:100%;padding:13px;border:1px solid #d6ded8;border-radius:9px;font:inherit}.admin-login-card label{font-size:12px;font-weight:650;color:#35453f}
@media(max-width:1100px){.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-twocol{grid-template-columns:1fr}}
@media(max-width:800px){.admin-layout{display:block}.admin-aside{height:auto;position:relative;width:100%;min-height:0;padding:14px 20px}.admin-brand{padding:0;flex-direction:row;justify-content:space-between;align-items:center}.admin-profile,.admin-aside-foot{display:none}.admin-nav{display:flex;gap:3px;overflow:auto}.admin-nav button{white-space:nowrap;padding:10px;font-size:12px}.admin-nav svg{height:15px;width:15px}.admin-main{padding:0 17px 36px}.admin-top{height:62px}.admin-top-right{display:none}.admin-page-head{margin:28px 0 20px;align-items:start;flex-direction:column}.admin-page-head h1{font-size:30px}.admin-toolbar{flex-wrap:wrap}.admin-table{font-size:11px}}
@media(max-width:520px){.admin-metrics{gap:9px}.admin-metric{padding:14px}.admin-metric-value{font-size:22px}.admin-twocol{gap:0}.credits-banner{flex-direction:column;align-items:stretch}.admin-login-card{padding:30px 23px}.activity-row time{display:none}}
/* FotoGalerias — gallery previews, image review and Pix checkout */
.gallery-row-thumbnail{overflow:hidden;flex-shrink:0}
.gallery-row-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:9px}
.preview-empty{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;color:#6b806f;font-size:12px;text-align:center;padding:20px}
.photo-view{display:block;width:100%;height:100%;background:transparent;border:0;padding:0;cursor:zoom-in}
.photo-view img{display:block;width:100%;height:100%;object-fit:cover}
.photo-zoom{position:absolute;bottom:10px;right:10px;background:#162a1dcc;color:#fff;font-size:11px;display:flex;align-items:center;gap:3px;padding:7px 9px;border-radius:7px;opacity:0;transition:opacity .2s}
.photo-item:hover .photo-zoom,.photo-view:focus-visible .photo-zoom{opacity:1}
.photo-item .select-pill{cursor:pointer;z-index:3}
.photo-lightbox{position:fixed;inset:0;background:rgba(7,12,9,.94);z-index:300;display:flex;align-items:center;justify-content:center;padding:22px}
.lightbox-inner{width:min(960px,100%);position:relative;display:flex;flex-direction:column;align-items:center;gap:16px}
.lightbox-image{width:100%;height:min(77vh,820px);display:flex;align-items:center;justify-content:center}
.lightbox-image img{max-height:100%;max-width:100%;object-fit:contain;border-radius:6px;box-shadow:0 22px 70px #0007;user-select:none}
.lightbox-close{position:absolute;right:0;top:-24px;z-index:2;border:0;color:#fff;background:#273329;border-radius:50%;height:42px;width:42px;font-size:29px;cursor:pointer}
.lightbox-bottom{width:100%;display:flex;justify-content:space-between;align-items:center;gap:18px;color:#fff;font-size:12px}
.recover-order{width:min(1120px,calc(100% - 54px));margin:0 auto 25px;padding:15px 20px;background:#eaf1e9;border:1px solid #dce9d9;border-radius:12px;color:#3f5c48;display:flex;align-items:center;gap:12px;font-size:13px;flex-wrap:wrap}
.link-btn{border:none;background:none;color:#315e47;font-weight:800;font-size:12px;cursor:pointer;text-decoration:underline;display:inline-flex;gap:5px;align-items:center}
.order-photo-review{margin:24px 0 6px;padding:16px;border:1px solid #e6ebe3;border-radius:14px;text-align:left}
.review-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:13px}
.order-photo-thumbs{display:flex;gap:7px;overflow-x:auto;padding-bottom:5px}
.order-photo-thumbs img{height:92px;width:74px;flex:0 0 74px;object-fit:cover;border-radius:8px}
.pix-box{text-align:center!important}.pix-qr-wrap{display:flex;align-items:center;flex-direction:column;gap:9px;padding:17px 0}
.pix-qr{width:min(275px,100%);aspect-ratio:1;object-fit:contain;border-radius:8px;background:#fff;border:8px solid #fff}
.pix-qr-wrap small{max-width:270px;line-height:1.5;color:#617269}
.pix-qr-actions{margin:10px 0 19px}.pix-key-label{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800;color:#647a69;margin-top:17px}
.order-return{margin-top:25px;padding-top:20px;border-top:1px solid #e8ece6;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.order-return p{margin:0!important}.order-link-text{font-size:11px;overflow-wrap:anywhere;width:100%;padding:12px;background:#f5f7f3;border:1px solid #e8ece6;border-radius:10px}
@media(max-width:600px){.lightbox-bottom{flex-direction:column}.photo-zoom{opacity:1;bottom:7px;right:7px;font-size:10px}.recover-order{width:calc(100% - 28px)}.review-title{align-items:start;flex-direction:column}.pix-qr{width:min(250px,100%)}.order-photo-thumbs img{height:76px;width:61px;flex-basis:61px}}
/* FotoGalerias — usability and responsive uploads */
.credits-button{border:1px solid #d6e1d6;cursor:pointer;font:inherit;display:inline-flex;align-items:center;gap:5px;transition:background .15s,box-shadow .15s}
.credits-button:hover{background:#e2efe3;box-shadow:0 3px 12px #233d2910}
.field-invalid{border-color:#bb5d4d!important;background:#fff8f6!important}
.upload-progress[hidden]{display:none!important}
.upload-progress{padding:19px 20px;border:1px solid #d9e6d9;background:#eff7ed;border-radius:14px;margin:14px 0 20px}
.upload-progress-head{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#304738}
.upload-progress-track{height:9px;overflow:hidden;background:#d6e4d8;border-radius:20px;margin:12px 0}
#upload-progress-fill{height:100%;background:linear-gradient(90deg,#44795b,#78b48b);width:0%;border-radius:20px;transition:width .2s}
.upload-progress small{display:block;font-size:11px;color:#597462;line-height:1.5;margin-bottom:9px}
.upload-progress .btn{font-size:11px;padding:9px 14px}
.thumb-pagination{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;margin:14px auto;color:#667d6a}
.thumb-pagination small{font-size:11px}
.upload-thumb img.thumb-loading{background:linear-gradient(110deg,#e2e9df 8%,#f3f7f1 18%,#e2e9df 33%);background-size:230% 100%;animation:thumb-loading 1.6s linear infinite}
@keyframes thumb-loading{to{background-position-x:-230%}}
.no-credit-panel{max-width:650px;margin:75px auto;text-align:center;padding:65px 42px}
.no-credit-panel h1{font-family:Georgia,serif;font-size:38px;font-weight:500;margin:18px 0 12px}
.no-credit-panel p{color:#6d8074;font-size:14px;line-height:1.7;margin-bottom:28px}
.no-credit-icon{margin:auto;width:70px;height:70px;border-radius:22px;background:#e8f3e9;color:#497b54;display:grid;place-items:center}
.no-credit-icon .icon{width:32px;height:32px}
.orders-toolbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}
.order-filter{border:1px solid #d8e2d7;background:#fff;color:#54715c;cursor:pointer;border-radius:999px;padding:10px 16px;font:inherit;font-size:12px;font-weight:750}
.order-filter.active,.order-filter:hover{background:#254c35;color:#fff;border-color:#254c35}
.customer-orders{display:grid;gap:13px}
.customer-order-card{background:#fff;border:1px solid #e3e9df;border-radius:16px;padding:22px;box-shadow:0 4px 20px #142c1907}
.customer-order-main{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.customer-order-main h3{font-size:18px;margin:8px 0 5px}
.customer-order-main p{font-size:13px;color:#526a5b;margin-bottom:8px}
.customer-order-card .order-actions{margin-top:17px;padding-top:15px;border-top:1px solid #edf1e9;gap:8px;flex-wrap:wrap}
.lightbox-nav{position:absolute;z-index:5;top:46%;height:52px;width:52px;display:grid;place-items:center;border:1px solid #ffffff65;border-radius:50%;background:#26362de0;color:#fff;cursor:pointer;transition:background .2s}
.lightbox-nav:hover{background:#4b7057}.lightbox-nav .icon{height:24px;width:24px}
.lightbox-prev{left:-60px}.lightbox-next{right:-60px}
@media(max-width:1100px){.lightbox-prev{left:0}.lightbox-next{right:0}.lightbox-nav{height:44px;width:44px}}
@media(max-width:600px){.customer-order-main{flex-direction:column}.customer-order-card{padding:16px}.orders-toolbar{gap:5px}.order-filter{padding:8px 11px;font-size:11px}.lightbox-nav{height:38px;width:38px}.lightbox-nav .icon{width:18px;height:18px}.no-credit-panel{padding:44px 25px;margin:45px auto}}