:root{--ink:#000;--slate:#53646e;--navy:#30374f;--white:#fff;--mist:#eef0f2;--paper:#f8f8f6;--line:#30374f29;--ease:cubic-bezier(.2,.75,.25,1);color:var(--navy);background:var(--mist);font-synthesis:none;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{min-width:320px}body{background:var(--mist);color:var(--navy);margin:0}body,button,input{font-family:inherit}button,a,label{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}button,input{font-size:inherit}svg{flex:none}[hidden]{display:none!important}::selection{background:var(--navy);color:var(--white)}:focus-visible{outline:3px solid var(--navy);outline-offset:3px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brand{align-items:center;width:fit-content;display:inline-flex}.brand-lockup{width:132px;height:auto;display:block}.app-actions .mobile-preview-button{display:none}.app-shell{min-height:100vh}.app-header{z-index:30;border-bottom:1px solid var(--line);background:#f8f8f6f7;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;height:76px;padding:0 28px;display:grid;position:sticky;top:0}.save-state{color:var(--slate);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.save-state span,.live-dot{background:#3f7d6b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #3f7d6b21}.app-actions{justify-self:end;gap:10px;display:flex}.app-button{cursor:pointer;min-height:44px;transition:transform .18s var(--ease),background .18s,color .18s,border .18s;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-size:13px;font-weight:700;display:inline-flex}.app-button:hover{transform:translateY(-1px)}.app-button:active{transform:none}.app-button-primary{background:var(--ink);color:var(--white)}.app-button-primary:hover{background:var(--navy)}.app-button-secondary{border-color:var(--line);background:var(--white)}.app-button-secondary:hover{border-color:var(--navy)}.app-button-large{min-height:50px;padding-inline:23px}.builder-shell{grid-template-columns:minmax(430px,42%) minmax(0,58%);min-height:calc(100vh - 76px);display:grid}.preview-pane{background:var(--mist);border-right:1px solid var(--line);grid-template-rows:auto minmax(0,1fr) auto;height:calc(100vh - 76px);padding:24px 34px 18px;display:grid;position:sticky;top:76px;overflow:hidden}.preview-heading,.preview-footer{color:var(--slate);justify-content:space-between;align-items:center;gap:20px;font-size:11px;display:flex}.preview-heading div{text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:10px;display:flex}.preview-heading p,.preview-footer span{margin:0}.preview-footer{border-top:1px solid var(--line);font-variant-numeric:tabular-nums;padding-top:12px}.preview-stage{place-items:center;min-height:0;display:grid}.card-device{--card-accent:#53646e;background:#090909;border-radius:43px;width:min(350px,72%);height:min(700px,100vh - 190px);min-height:555px;padding:9px;position:relative;box-shadow:0 26px 60px #30374f3d}.device-status{z-index:3;height:29px;color:var(--white);justify-content:space-between;align-items:center;padding:9px 23px 0;font-size:9px;font-weight:700;display:flex;position:absolute;left:9px;right:9px}.device-status:before{content:"";background:#050505;border-radius:14px;width:32%;height:23px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.device-status i,.device-status b{background:var(--white);border-radius:6px;width:18px;height:6px}.digital-card{background:var(--white);height:100%;color:var(--navy);border-radius:35px;position:relative;overflow:hidden}.card-cover{background-color:var(--card-accent);background-position:50%;background-size:cover;height:29%;position:relative;overflow:hidden}.card-cover:after{content:"";border:1px solid #ffffff61;border-radius:50%;width:210px;height:210px;position:absolute;top:-85px;right:-65px;box-shadow:0 0 0 48px #ffffff0f,0 0 0 96px #ffffff0a}.cover-monogram{color:#ffffff21;place-items:center;font-size:150px;font-weight:700;display:grid;position:absolute;inset:0}.company-badge{z-index:2;background:var(--white);border-radius:8px;place-items:center;width:64px;height:54px;padding:10px;display:grid;position:absolute;bottom:13px;right:18px;box-shadow:0 5px 18px #00000021}.company-badge-mark{object-fit:contain;width:34px;height:34px;display:block}.card-avatar{z-index:3;border:4px solid var(--white);background:var(--navy);width:74px;height:74px;color:var(--white);border-radius:50%;place-items:center;margin:-37px 0 0 21px;font-size:18px;font-weight:700;display:grid;position:relative;overflow:hidden}.card-avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card-body{padding:14px 21px 74px}.demo-label{color:var(--slate);letter-spacing:.13em;margin:0 0 8px;font-size:7px;font-weight:700}.card-body h2{color:var(--ink);letter-spacing:-.035em;margin:0 0 3px;font-size:23px;line-height:1.05}.card-role,.card-company{margin:2px 0;font-size:11px}.card-headline{color:var(--slate);margin:9px 0 0;font-size:10px;line-height:1.4}.quick-actions{gap:8px;margin:14px 0 13px;display:flex}.quick-actions a,.quick-actions button,.social-links a{background:var(--mist);width:35px;height:35px;color:var(--navy);cursor:pointer;border:0;border-radius:50%;place-items:center;transition:background .18s,color .18s;display:grid}.quick-actions a:hover,.quick-actions button:hover,.social-links a:hover{background:var(--card-accent);color:var(--white)}.card-details{gap:8px;display:grid}.card-details>a,.card-details>div{grid-template-columns:29px 1fr;align-items:center;gap:9px;display:grid}.card-details>a>span,.card-details>div>span{background:var(--card-accent);width:29px;height:29px;color:var(--white);border-radius:50%;place-items:center;display:grid}.card-details p{gap:1px;min-width:0;margin:0;display:grid}.card-details strong{text-overflow:ellipsis;color:var(--ink);white-space:nowrap;font-size:9px;overflow:hidden}.card-details small{color:var(--slate);font-size:7px}.social-links{gap:8px;margin-top:12px;display:flex}.social-links a{width:30px;height:30px}.add-contact-button{background:var(--ink);height:46px;color:var(--white);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:13px;left:14px;right:14px}.add-contact-button:hover{background:var(--navy)}.editor-pane{background:var(--paper);min-width:0;padding:clamp(48px,6vw,80px) clamp(28px,6vw,84px) 90px}.editor-intro{max-width:820px;margin-bottom:46px}.step-count{color:var(--slate);letter-spacing:.12em;margin:0 0 18px;font-size:11px;font-weight:700}.editor-intro h1{color:var(--ink);letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(44px,4.4vw,68px);line-height:1}.editor-intro>p:last-child{color:var(--slate);margin:0;font-size:17px}.card-editor{gap:18px;max-width:900px;display:grid}.editor-section{border:1px solid var(--line);background:var(--white);border-radius:14px;padding:30px}.section-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;display:flex}.section-heading>div:not(.section-heading-actions){align-items:flex-start;gap:13px;display:flex}.section-heading>div:not(.section-heading-actions)>span{background:var(--mist);border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.section-heading h2{color:var(--ink);letter-spacing:-.02em;margin:0 0 4px;font-size:19px}.section-heading p{color:var(--slate);margin:0;font-size:12px}.section-heading>.section-heading-actions{align-items:center;gap:12px;display:flex}.required-note{color:var(--slate);white-space:nowrap;font-size:11px}.section-clear{border:1px solid var(--line);background:var(--white);min-height:44px;color:var(--navy);cursor:pointer;border-radius:8px;padding:0 14px;font-size:11px;font-weight:700}.section-clear:hover{border-color:var(--navy);background:var(--mist)}.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.upload-tile{text-align:center;cursor:pointer;border:1px dashed #30374f47;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:138px;padding:20px 12px;transition:border .18s,background .18s;display:flex}.upload-tile:hover{border-color:var(--navy);background:var(--mist)}.upload-tile input{opacity:0;width:1px;height:1px;position:absolute}.upload-tile>span{background:var(--mist);border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.upload-tile strong{color:var(--ink);font-size:12px}.upload-tile small{color:var(--slate);font-size:10px}.color-fieldset{border:0;margin:26px 0 0;padding:0}.color-fieldset legend{color:var(--ink);margin-bottom:12px;font-size:12px;font-weight:700}.color-options{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.color-swatch{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;width:32px;height:32px;padding:3px}.color-swatch span{background:var(--swatch);border-radius:50%;width:100%;height:100%;display:block}.color-swatch.selected{border-color:var(--ink)}.custom-color{border:1px solid var(--line);cursor:pointer;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:relative}.custom-color input{opacity:0;cursor:pointer;position:absolute;inset:0}.fields-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{border:1px solid var(--line);background:var(--paper);border-radius:9px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;min-width:0;min-height:66px;padding:0 14px;transition:border .18s,box-shadow .18s;display:grid}.field:focus-within{border-color:var(--navy);box-shadow:0 0 0 3px #30374f14}.field.field-invalid{border-color:#a74343;box-shadow:0 0 0 3px #a7434317}.field-wide{grid-column:1/-1}.field-icon{color:var(--slate)}.field-copy{gap:2px;min-width:0;display:grid}.field-copy>span{color:var(--slate);letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:700}.field-copy b{color:#a74343}.field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:0;font-size:13px}.form-finish{justify-content:space-between;align-items:center;gap:20px;padding:22px 0;display:flex}.form-finish>div{align-items:flex-start;gap:11px;display:flex}.form-finish p{gap:3px;margin:0;display:grid}.form-finish strong{color:var(--ink);font-size:12px}.form-finish span{color:var(--slate);font-size:10px}.share-sheet{z-index:50;place-items:center;display:grid;position:fixed;inset:0}.sheet-backdrop{background:#0000007a;border:0;position:absolute;inset:0}.share-sheet section{background:var(--white);text-align:center;border-radius:14px;width:min(460px,100% - 32px);padding:38px;position:relative;box-shadow:0 30px 90px #00000040}.sheet-close{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;width:44px;height:44px;position:absolute;top:12px;right:12px}.sheet-close span:before,.sheet-close span:after{content:"";background:var(--navy);width:12px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.sheet-close span:after{transform:translate(-50%,-50%)rotate(-45deg)}.success-mark{background:var(--navy);width:56px;height:56px;color:var(--white);border-radius:50%;place-items:center;margin:0 auto 20px;display:grid}.share-sheet h2{color:var(--ink);letter-spacing:-.03em;margin:0;font-size:28px}.share-sheet p{color:var(--slate);margin:10px 0 24px}.share-url{border:1px solid var(--line);background:var(--paper);text-align:left;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;height:48px;margin-bottom:14px;padding-left:14px;display:grid}.share-url span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.share-url button{border:0;border-left:1px solid var(--line);cursor:pointer;background:0 0;height:100%;padding:0 14px;font-weight:700}.sheet-open{overflow:hidden}.toast{z-index:60;background:var(--ink);color:var(--white);opacity:0;pointer-events:none;border-radius:8px;padding:13px 18px;font-size:12px;font-weight:700;transition:opacity .18s,transform .18s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px)}.toast.visible{opacity:1;transform:translate(-50%)}.public-card-page{background:var(--mist);min-height:100vh;padding:22px}.public-card-page>header{justify-content:space-between;align-items:center;width:min(100%,1040px);margin:0 auto 24px;display:flex}.public-card-page>header button{border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:0 17px;font-weight:700;display:flex}.public-card-wrap{width:min(100%,480px);margin:auto}.public-card-device{background:0 0;border-radius:16px;width:100%;height:auto;min-height:760px;padding:0;box-shadow:0 24px 70px #30374f29}.public-card-device .digital-card{border-radius:16px;min-height:760px}.public-card-device .card-cover{height:245px}.public-card-device .card-avatar{width:94px;height:94px;margin-top:-47px}.public-card-device .card-body{padding:20px 30px 88px}.public-card-device .card-body h2{font-size:31px}.public-card-device .card-role,.public-card-device .card-company{font-size:14px}.public-card-device .card-headline{font-size:13px}.public-card-device .quick-actions a,.public-card-device .quick-actions button{width:45px;height:45px}.public-card-device .card-details{gap:12px}.public-card-device .card-details>a,.public-card-device .card-details>div{grid-template-columns:38px 1fr}.public-card-device .card-details>a>span,.public-card-device .card-details>div>span{width:38px;height:38px}.public-card-device .card-details strong{font-size:12px}.public-card-device .card-details small{font-size:9px}.public-card-device .add-contact-button{height:52px;font-size:13px;bottom:20px;left:22px;right:22px}.public-card-note{text-align:center;color:var(--slate);margin:22px 0;font-size:11px}@media (width<=900px){.app-header{grid-template-columns:1fr auto}.save-state{display:none}.builder-shell{grid-template-columns:1fr}.preview-pane{height:auto;min-height:710px;position:relative;top:auto}.card-device{width:min(330px,80%);height:650px}.editor-pane{padding:60px 24px 80px}.editor-intro,.card-editor{margin-inline:auto}.app-actions .app-button-secondary{display:none}}@media (width<=600px){.app-header{padding:0 16px}.brand-lockup{width:116px}.app-actions .app-button-primary{padding:0 13px}.app-actions .app-button-primary svg{display:none}.preview-pane{min-height:660px;padding-inline:16px}.card-device{width:310px;max-width:88%;height:600px;min-height:600px}.editor-intro h1{font-size:45px}.editor-section{padding:22px 16px}.section-heading>.section-heading-actions{flex-direction:column-reverse;align-items:flex-end;gap:6px}.upload-grid{grid-template-columns:1fr}.upload-tile{text-align:left;grid-template-rows:auto auto;grid-template-columns:40px 1fr;min-height:92px;display:grid}.upload-tile>span{grid-row:1/3}.fields-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.form-finish{flex-direction:column;align-items:stretch}.form-finish .app-button{width:100%}.public-card-page{padding:12px}.public-card-page>header{padding:7px 4px}.public-card-device{width:100%;max-width:none;height:auto;min-height:calc(100vh - 116px)}.public-card-device .digital-card{min-height:calc(100vh - 116px)}.public-card-device .card-cover{height:210px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.card-body{scrollbar-width:thin;scrollbar-color:var(--slate) transparent;height:calc(71% + 37px);overflow-y:auto}.quick-actions a,.quick-actions button,.social-links a{width:44px;height:44px}.card-details>a,.card-details>div{min-height:44px}.color-swatch,.custom-color{width:44px;height:44px}.upload-tile:focus-within{border-color:var(--navy);box-shadow:0 0 0 3px #30374f1a}.field input::placeholder{color:var(--slate)}@media (width<=900px){.desktop-preview{display:none}.app-actions .mobile-preview-button{display:inline-flex}.builder-shell{flex-direction:column;display:flex}.editor-pane{order:1}.preview-pane{order:2;height:auto;min-height:710px;display:none;position:relative;top:auto}.preview-pane.mobile-visible{display:grid}}