@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#29342b;background:#f5f2ea;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;--orange:#e54f30;--muted:#7d8075;--line:#e8e7df}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #46765b;outline-offset:5px}button svg,a svg{flex-shrink:0}button{border:0}button:disabled{cursor:default}.site-header{max-width:1264px;padding:30px 42px;display:flex;align-items:center;justify-content:space-between;margin:auto}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:24px;font-weight:800;letter-spacing:-1px}.brand-dot{color:var(--orange)}.brand-symbol{position:relative;font-size:38px;color:var(--orange);font-weight:800;line-height:1;letter-spacing:-6px;padding-right:6px}.brand-symbol>span{font-size:15px;position:absolute;right:-1px;top:-5px;letter-spacing:0}.header-label{display:flex;align-items:center;gap:9px;font-size:12px;color:#74786d}.live-dot,.availability>span{width:6px;height:6px;background:#6d8562;border-radius:50%;display:inline-block}.round-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #dcded3;border-radius:50%;background:transparent}.round-button:hover{background:#eae7df}main{max-width:1010px;margin:0 auto;padding:22px 32px 0}.intro{text-align:center;padding:11px 0 42px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;display:inline-flex;align-items:center;gap:9px;color:#7c7f70}.eyebrow>span{width:16px;height:1px;background:var(--orange)}h1{font-family:Manrope,sans-serif;font-size:clamp(36px,4.1vw,52px);font-weight:650;line-height:1.17;letter-spacing:-2.6px;margin:18px 0 19px;position:relative;display:block}h1>span{color:var(--orange)}h1>svg{position:absolute;width:270px;height:16px;bottom:-11px;left:50%;transform:translate(-35%);fill:none;stroke:#e7b58b;stroke-width:2;stroke-linecap:round}.intro>p{font-size:13px;color:#7b7e73;margin:22px 0 0}.namecard{display:grid;grid-template-columns:.86fr 1.24fr;min-height:510px;border-radius:15px;overflow:hidden;background:#fffefb;box-shadow:0 18px 60px -30px #4846393b,0 2px 6px #43463704;border:1px solid #e5e2d8}.identity-panel{background:#f0eadd;position:relative;padding:30px;display:flex;flex-direction:column;overflow:hidden}.identity-panel:after{content:"";width:310px;height:310px;border:1px solid #dfd8c955;border-radius:50%;position:absolute;left:-180px;bottom:-155px;pointer-events:none}.panel-top{display:flex;justify-content:space-between;align-items:center;color:#9a8d75}.mini-label{font-size:9px;letter-spacing:2px}.portrait-area{position:relative;margin:28px auto 24px;width:190px;height:190px}.portrait-ring{width:190px;height:190px;border:1px solid #d1c6b3;border-radius:50%;padding:9px;transform:rotate(-10deg);border-right-color:transparent}.portrait{width:100%;height:100%;background:#e55334;border-radius:50%;display:grid;place-items:center;overflow:hidden;transform:rotate(10deg);position:relative}.portrait:before,.portrait:after{content:"";position:absolute;width:170px;height:170px;border:1px solid #f6a28555;border-radius:50%;top:60px;left:-65px}.portrait:after{top:-60px;left:85px}.portrait>span{font-family:Manrope,sans-serif;color:#fff2d8;font-size:76px;font-weight:650;letter-spacing:-6px}.portrait img{width:100%;height:100%;object-fit:cover}.hello-sticker{position:absolute;bottom:5px;right:-33px;background:#fffdf4;padding:10px 15px;font-size:12px;box-shadow:0 3px 6px #70664e0e;transform:rotate(-9deg);border:1px solid #e3ddcf;display:flex;gap:10px}.hello-sticker>span{color:var(--orange);font-size:16px}.portrait-spark{position:absolute;left:-15px;top:15px;color:#a5ac81;font-size:33px}.identity{text-align:center}.availability{display:inline-flex;align-items:center;gap:6px;font-size:8px;letter-spacing:1.5px;color:#798266}.availability>span{width:5px;height:5px}.identity h2{font-family:Manrope,sans-serif;font-size:26px;letter-spacing:-1px;margin:10px 0 6px;font-weight:750}.identity>p{font-size:12px;color:#827d6f;margin:0}.demo-badge{font-size:9px;display:block;margin-top:9px;color:#8b674a}.identity-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:35px}.brand-small{font-size:17px;gap:7px}.brand-small .brand-symbol{font-size:28px}.brand-small .brand-symbol>span{font-size:11px}.identity-footer>span:last-child{font-size:9px;line-height:1.6;color:#8c8575;position:relative;padding-right:22px}.identity-footer>span:last-child>svg{position:absolute;right:0;top:6px}.details-panel{padding:33px 35px 22px}.details-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.details-heading .eyebrow{font-size:8px;letter-spacing:1.6px}.card-number{font-size:9px;letter-spacing:1px;color:#a3a394}.details-panel h3{font-family:Manrope,sans-serif;font-size:30px;letter-spacing:-1.1px;margin:23px 0 12px;font-weight:650;display:flex;align-items:center;gap:12px}.greeting-dot{color:var(--orange);font-size:22px;font-weight:400}.bio{font-size:12px;line-height:1.9;color:#808174;max-width:355px;margin:0}.contact-list{margin:24px 0 22px}.contact-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.contact-row:last-child{border:0}.contact-icon{width:36px;height:36px;display:grid;place-items:center;background:#f4f3eb;border-radius:10px;color:#787f6a}.contact-row>span:nth-child(2){flex:1;min-width:0}.contact-row small{display:block;font-size:8px;letter-spacing:1.3px;color:#98998d;margin-bottom:5px}.contact-row strong{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}.contact-row>svg{color:#959b8a}.contact-row:hover strong{color:var(--orange)}.primary-actions{display:flex;gap:10px}.primary-actions>button,.primary-actions>a{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;min-height:48px;font-size:12px;font-weight:550;padding:0 16px}.save-button{background:var(--orange);color:#fff;flex:1;box-shadow:0 3px 8px #da52351c}.save-button>svg:last-child{margin-left:auto}.save-button:hover{background:#d54326}.whatsapp-button{border:1px solid #dddfd3;background:#fffefb}.whatsapp-button:hover{background:#f0f2e9}.whatsapp-button>svg:first-child{color:#6c805e}.save-hint{text-align:center;color:#a0a092;font-size:9px;margin:11px 0 22px;line-height:1.6}.card-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:8px}.social-links{display:flex;gap:13px;align-items:center;color:#797f6c}.social-links a{display:grid;place-items:center;min-width:22px;min-height:28px}.social-links a:hover{color:var(--orange)}.social-links>span{font-size:9px;color:#a1a294;margin-left:0}.facebook-icon{font-size:21px;font-weight:700}.qr-button{display:flex;align-items:center;gap:7px;font-size:9px;background:none;padding:7px 0}.qr-button:hover{color:var(--orange)}.status{font-size:12px;text-align:center;color:#617353;line-height:1.6;margin:14px 0 0}.status:empty{display:none}.below-card{display:flex;align-items:center;justify-content:center;gap:15px;padding:29px 0 40px;position:relative}.tiny-spark{color:#aaa78c;font-size:33px}.below-card>p{font-size:11px;line-height:1.8;color:#8c8c7d;margin:0}.below-card strong{font-weight:500;color:#69705e}.paperless-badge{position:absolute;right:5px;font-size:10px;color:#8f9380;transform:rotate(-8deg);line-height:1.6;border:1px solid #dadccf;border-radius:50%;padding:12px 15px}.paperless-badge>span{font-size:9px}.site-footer{max-width:1180px;margin:0 auto;padding:23px 0;border-top:1px solid #e2e1d7;display:flex;justify-content:space-between;color:#97998b;font-size:9px;gap:20px}.site-footer>span:last-child{display:flex;align-items:center;gap:14px}.footer-star{color:#a5ab91;font-size:20px}.notice{text-align:center;font-size:12px;margin:0 0 20px;color:#8b5f3d}.share-dialog{background:#fffdf6;border:1px solid #e5e1d4;border-radius:20px;padding:42px 30px 24px;width:min(400px,calc(100% - 32px));text-align:center;color:#29342b;box-shadow:0 30px 100px #1a241d40}.share-dialog::backdrop{background:#20291f88;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:12px;top:12px;width:30px;height:30px}.share-dialog .eyebrow{font-size:8px}.share-dialog h2{font:650 36px Manrope,sans-serif;letter-spacing:-1.5px;margin:15px 0 8px}.share-dialog>p{color:#858675;font-size:12px}.qr-code{display:flex;justify-content:center;background:#fff;padding:16px;border:1px solid #eae6dc;border-radius:12px;margin:24px auto;width:fit-content;max-width:100%}.qr-code svg{max-width:100%;height:auto}.share-dialog label{font-size:10px;color:#858675}.copy-field{display:flex;border:1px solid #deded0;border-radius:7px;margin:9px 0 16px;overflow:hidden}.copy-field input{width:100%;min-width:0;border:0;background:transparent;padding:12px 10px;font-size:11px;color:#68705d}.copy-field button{background:#f0eee3;padding:0 13px;display:grid;place-items:center}.dialog-note{font-size:10px!important}.official-brand{background:#29342b;padding:9px 13px;border-radius:12px;line-height:0;letter-spacing:normal}.official-brand img{display:block;width:80px;height:auto}.official-brand.brand-small{padding:7px 10px;border-radius:9px}.official-brand.brand-small img{width:64px}@media(min-width:1500px){main{padding-top:45px}.intro{padding-bottom:48px}.site-header{padding-top:40px}.below-card{padding-bottom:55px}}@media(max-width:1000px){.site-footer{margin:0 32px}.details-panel{padding:28px 25px 22px}.identity-panel{padding:28px 24px}.social-links>span{display:none}.details-heading .eyebrow{font-size:7px}.primary-actions>button,.primary-actions>a{padding:0 12px;font-size:11px}}@media(max-width:700px){.site-header{padding:22px 24px}.header-label{display:none}.brand{font-size:21px}.brand-symbol{font-size:33px}main{max-width:490px;padding:10px 20px 0}.intro{padding:11px 0 30px}.intro>.eyebrow{font-size:8px;letter-spacing:1.7px}h1{font-size:38px;letter-spacing:-1.9px;margin-top:17px}h1>svg{width:215px;transform:translate(-40%)}.intro>p{font-size:11px;max-width:280px;line-height:1.7;margin:22px auto 0}.namecard{grid-template-columns:1fr;border-radius:14px}.identity-panel{padding:23px 25px 24px}.portrait-area{width:154px;height:154px;margin:15px auto 21px}.portrait-ring{width:154px;height:154px;padding:7px}.portrait>span{font-size:63px}.hello-sticker{bottom:0;right:-37px;font-size:11px;padding:8px 13px}.portrait-spark{font-size:27px}.identity h2{font-size:26px}.identity-footer{padding-top:24px}.brand-small{font-size:17px}.brand-small .brand-symbol{font-size:28px}.details-panel{padding:27px 25px 22px}.details-heading .eyebrow{font-size:8px}.details-panel h3{font-size:29px;margin-top:21px}.bio{font-size:12px}.contact-list{margin-top:17px;margin-bottom:20px}.contact-row{padding:13px 0}.primary-actions>button,.primary-actions>a{font-size:12px;min-height:49px}.social-links{gap:16px}.social-links>span{display:inline;font-size:8px}.qr-button{font-size:9px}.save-hint{font-size:8px;margin-bottom:20px}.below-card{justify-content:flex-start;padding:26px 4px 34px;gap:12px}.below-card>p{font-size:10px}.paperless-badge{font-size:9px;padding:10px 12px;right:4px}.paperless-badge>span{font-size:8px}.site-footer{margin:0 24px;padding:21px 0 25px;flex-direction:column;align-items:center;gap:12px;font-size:8px;text-align:center}.site-footer>span:last-child{font-size:9px}.round-button{width:38px;height:38px}}@media(max-width:370px){main{padding-left:14px;padding-right:14px}h1{font-size:34px}.details-panel{padding-left:19px;padding-right:19px}.social-links>span{display:none}.primary-actions{gap:7px}.primary-actions>button,.primary-actions>a{padding:0 10px;font-size:11px}.paperless-badge{display:none}}.official-brand{background:transparent}.identity-sharing{gap:12px;flex-wrap:wrap;position:relative;z-index:1}.identity-sharing .social-links{gap:8px}.identity-sharing .qr-button{min-height:40px}:root{--brand-gradient: linear-gradient(30deg, rgb(130, 62, 62), rgb(227, 180, 11) 0%, rgb(77, 77, 77) 47%, rgb(23, 22, 22) 80%);--primary: rgb(227, 180, 11);--primary-hover: #cda20a;--primary-ink: #816300;--orange: var(--primary)}body{min-height:100vh;background:var(--brand-gradient) fixed;padding-bottom:24px}.site-header,.intro h1{color:#fffdf5}.header-label,.intro>.eyebrow,.intro>p{color:#e5dfcf}.intro h1>span{color:var(--primary)}.site-header .round-button{color:#fffdf5;border-color:#fff5;background:#17161640}.site-header .round-button:hover{background:#17161680}.below-card,.site-footer{background:#171616b3;border-radius:12px}.below-card{margin:20px 0;padding:24px 18px}.below-card>p,.below-card strong,.paperless-badge,.site-footer{color:#f0ebdc}.paperless-badge{right:18px;border-color:#fff5}.tiny-spark,.footer-star{color:var(--primary)}.site-footer{border-color:#fff2;padding:23px 20px;margin-bottom:0}.status:not(:empty),.notice{background:#fffdf5;border-radius:8px;padding:12px}h1>span,.contact-row:hover strong,.social-links a:hover,.qr-button:hover{color:var(--primary-ink)}h1>svg{stroke:var(--primary)}.portrait{background:var(--brand-gradient)}.portrait>span{color:#fffdf5}.portrait>img{position:relative;z-index:1}.company-portrait img{width:75%;height:75%;object-fit:contain;position:relative;z-index:1}.portrait:before,.portrait:after{border-color:#fff5c766}.hello-sticker>span,.greeting-dot{color:var(--primary-ink)}.save-button{background:var(--brand-gradient);color:#fffdf5;box-shadow:0 3px 8px #e3b40b26}.save-button:hover{background:var(--brand-gradient);box-shadow:0 4px 14px #17161640}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:var(--primary-ink)}
