@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#101828;background:#f4f6f8;font-synthesis:none;--ink:#101828;--muted:#667085;--line:#e4e7ec;--black:#0b0d10;--blue:#2563eb}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.brand-lockup{display:flex;align-items:center;gap:11px;border:0;background:transparent;padding:0;text-align:left}.brand-lockup .brand-b,.creator-b{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;background:#0b0d10;font:800 22px/1 Manrope}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup strong{font:800 16px/1.1 Manrope}.brand-lockup small{margin-top:3px;color:#78808d;font-size:11px;letter-spacing:.04em}.brand-lockup.compact .brand-b{width:36px;height:36px;border-radius:11px;font-size:19px}.home-shell{min-height:100vh;background:radial-gradient(circle at 85% 15%,#dbeafe 0,transparent 28%),linear-gradient(135deg,#fff 0,#f4f7fb 55%,#edf2f7)}.home-nav,.form-header{display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:26px 30px}.text-button{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#344054;font-weight:700}.home-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.8fr);gap:70px;align-items:center;max-width:1120px;min-height:calc(100vh - 180px);margin:auto;padding:40px 30px 80px}.hero-copy{max-width:620px}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#2563eb;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.hero-copy h1{margin:18px 0;font:800 clamp(42px,5.6vw,72px)/1.02 Manrope;letter-spacing:-.045em}.hero-copy>p{max-width:560px;color:#667085;font-size:19px;line-height:1.55}.code-box{margin-top:34px;padding:18px;border:1px solid #e4e7ec;border-radius:18px;background:#ffffffd1;box-shadow:0 18px 40px #0f172a14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.code-box label{display:block;margin-bottom:9px;font-size:13px;font-weight:700}.code-box div{display:flex;gap:10px}.code-box input{flex:1;min-width:0;padding:14px;border:1px solid #d0d5dd;border-radius:11px;text-transform:uppercase}.code-box button,.primary-button,.success-card button,.not-found button{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:13px 18px;color:#fff;background:#0b0d10;font-weight:800}.hero-card-wrap{position:relative;max-width:430px;margin:auto}.nfc-orbit{position:absolute;z-index:3;top:-24px;right:-28px;display:grid;place-items:center;width:74px;height:74px;border:8px solid #fff;border-radius:50%;color:#fff;background:#2563eb;box-shadow:0 14px 28px #2563eb47}.site-footer{text-align:center;padding:22px;color:#98a2b3;font-size:12px}.contact-card{overflow:hidden;width:min(100%,440px);margin:auto;border:1px solid rgba(16,24,40,.08);border-radius:28px;background:#fff;box-shadow:0 24px 60px #0f172a24}.contact-brand{padding:28px 24px 24px;text-align:center;border-bottom:4px solid var(--accent)}.company-mark{color:var(--accent);font:800 54px/.95 Manrope;letter-spacing:-.08em}.contact-brand strong,.contact-brand small{display:block}.contact-brand strong{margin-top:9px;font:800 13px Manrope;letter-spacing:.2em}.contact-brand small{margin-top:5px;color:#667085;font-size:10px;font-weight:700;letter-spacing:.13em}.contact-profile{padding:25px 24px 8px;text-align:center}.contact-profile .avatar{width:80px;height:80px;margin:0 auto 14px;border-radius:50%;object-fit:cover}.avatar-fallback{display:grid;place-items:center;color:#fff;background:var(--accent);font:800 25px Manrope}.contact-profile h1{margin:0;font:800 27px/1.15 Manrope;letter-spacing:-.025em}.contact-profile p{margin:7px 0 0;color:var(--accent);font-size:15px;font-weight:700}.save-contact{display:flex;align-items:center;justify-content:center;gap:9px;width:calc(100% - 48px);min-height:54px;margin:20px 24px 14px;border:0;border-radius:15px;color:#fff;background:var(--accent);font-weight:800;box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 28%,transparent)}.save-contact:disabled{cursor:default}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 24px 20px}.quick-actions a{display:flex;min-height:66px;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid #e4e7ec;border-radius:14px;text-decoration:none;font-size:12px;font-weight:700}.quick-actions svg,.contact-details svg{color:var(--accent)}.contact-details{margin:0 24px 20px;border-top:1px solid #e4e7ec}.contact-details a{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:center;padding:13px 2px;border-bottom:1px solid #e4e7ec;text-decoration:none;font-size:14px}.contact-details span{overflow-wrap:anywhere}.contact-card footer{display:flex;align-items:center;justify-content:center;gap:7px;padding:0 22px 22px;color:#98a2b3;font-size:11px;font-weight:600}.creator-b{width:20px;height:20px;border-radius:50%;font-size:11px}.public-shell{min-height:100vh;padding:24px 16px;background:radial-gradient(circle at 50% 0,#e8effb 0,transparent 38%),#f4f7fb}.form-shell{min-height:100vh;background:#f6f8fb}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:50px;max-width:1100px;margin:auto;padding:25px 30px 70px}.form-panel{padding:34px;border:1px solid #e4e7ec;border-radius:24px;background:#fff}.form-panel h1{margin:12px 0 7px;font:800 32px Manrope}.form-panel>p{margin:0 0 28px;color:#667085}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:block;margin-bottom:16px}.field span{display:block;margin-bottom:7px;color:#344054;font-size:13px;font-weight:700}.field input,.field select{width:100%;padding:12px 13px;border:1px solid #d0d5dd;border-radius:10px;outline:none;background:#fff}.field input:focus,.field select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #dbeafe}.field input[type=color]{height:46px;padding:5px}.consent{display:flex;align-items:flex-start;gap:10px;margin:8px 0 18px;color:#475467;font-size:13px;line-height:1.4}.consent input{margin-top:3px}.form-panel .primary-button{width:100%}.form-error{color:#b42318;font-size:13px}.preview-panel>span{display:block;margin:0 0 10px 8px;color:#98a2b3;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.preview-panel{position:sticky;top:20px;align-self:start}.success-card,.login-card,.not-found{max-width:480px;margin:10vh auto;padding:42px;text-align:center;border:1px solid #e4e7ec;border-radius:24px;background:#fff;box-shadow:0 20px 45px #0f172a17}.success-card svg,.login-card>svg,.not-found>svg{color:#2563eb}.success-card h1,.login-card h1,.not-found h1{font:800 30px Manrope}.success-card p,.login-card>p,.not-found p{color:#667085;line-height:1.55}.success-card button,.not-found button{margin:24px auto 0}.center-state{display:grid;place-items:center;align-content:center;min-height:100vh;color:#667085}.spinner{width:38px;height:38px;border:4px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-shell{min-height:100vh;padding:30px;background:#f4f6f8}.login-shell>.brand-lockup{margin:auto}.login-card{text-align:left}.login-card>svg{display:block;margin:auto}.login-card h1,.login-card>p{text-align:center}.login-message{padding:12px;border-radius:9px;background:#eff6ff;color:#1d4ed8;font-size:13px}.admin-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.admin-sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;padding:24px 18px;border-right:1px solid #e4e7ec;background:#fff}.admin-sidebar nav{display:grid;gap:6px;margin-top:38px}.admin-sidebar nav button,.logout{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:0;border-radius:9px;background:transparent;color:#475467;font-weight:700;text-align:left}.admin-sidebar nav button.active{color:#111827;background:#f2f4f7}.logout{margin-top:auto}.admin-main{padding:38px 42px}.admin-main>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.admin-main h1{margin:5px 0 0;font:800 34px Manrope}.admin-user{color:#667085;font-size:13px}.notice{display:flex;justify-content:space-between;margin-bottom:18px;padding:12px 15px;border:1px solid #bfdbfe;border-radius:10px;color:#1d4ed8;background:#eff6ff}.notice button{border:0;background:transparent;color:inherit}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.stat{padding:19px;border:1px solid #e4e7ec;border-radius:14px;background:#fff}.stat span{display:block;color:#667085;font-size:12px;font-weight:700}.stat strong{display:block;margin-top:8px;font:800 28px Manrope}.admin-list{display:grid;gap:10px}.request-card{display:grid;grid-template-columns:46px minmax(200px,1fr) auto auto;gap:14px;align-items:center;padding:15px;border:1px solid #e4e7ec;border-radius:14px;background:#fff}.request-avatar,.company-mini{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:#fff;background:#111827;font-weight:800}.request-info strong,.request-info span,.request-info small{display:block}.request-info span{margin-top:3px;color:#475467;font-size:13px}.request-info small{margin-top:4px;color:#98a2b3}.status{padding:6px 9px;border-radius:999px;background:#f2f4f7;font-size:11px;font-weight:800}.status-pending{color:#92400e;background:#fffbeb}.status-published,.status-nfc_programmed,.status-delivered{color:#166534;background:#f0fdf4}.status-disabled{color:#991b1b;background:#fef2f2}.request-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.request-actions button,.company-row button{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;font-size:12px;font-weight:700}.request-actions .accent-action{color:#fff;border-color:#111827;background:#111827}.companies-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.companies-layout>section{padding:22px;border:1px solid #e4e7ec;border-radius:16px;background:#fff}.companies-layout h2{margin-top:0;font:800 20px Manrope}.company-row{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid #e4e7ec}.company-row strong,.company-row small{display:block}.company-row small{margin-top:3px;color:#667085}.new-company form{margin-top:20px}.modal-backdrop{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#0f172a94;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(100%,620px);max-height:95vh;overflow:auto;padding:25px;border-radius:20px;background:#fff}.modal>header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.modal h2{margin:3px 0;font:800 24px Manrope}.modal header span{color:#667085;font-size:12px}.modal header button{border:0;background:transparent;font-size:28px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-actions>button{border:0;border-radius:10px;padding:11px 15px}.modal-actions .primary-button{color:#fff;background:#111827}.empty{padding:40px;text-align:center;color:#98a2b3}@media (max-width:900px){.home-grid{grid-template-columns:1fr;gap:45px}.hero-copy{text-align:center;margin:auto}.hero-copy>p{margin-left:auto;margin-right:auto}.code-box{text-align:left}.hero-card-wrap{width:100%}.form-layout{grid-template-columns:1fr}.preview-panel{position:static}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid #e4e7ec}.admin-sidebar nav{display:flex;margin:0 0 0 auto}.admin-sidebar .logout{width:auto;margin:0 0 0 8px}.companies-layout{grid-template-columns:1fr}.request-card{grid-template-columns:46px 1fr auto}.request-actions{grid-column:2/4;justify-content:flex-start}}@media (max-width:600px){.home-nav,.form-header{padding:18px}.home-nav .text-button{font-size:12px}.home-grid{padding:30px 18px 60px}.hero-copy h1{font-size:40px}.hero-copy>p{font-size:16px}.code-box div{display:grid}.form-layout{padding:15px}.form-panel{padding:23px}.two-cols{grid-template-columns:1fr;gap:0}.preview-panel{display:none}.admin-sidebar{align-items:flex-start;flex-wrap:wrap;padding:14px}.admin-sidebar .brand-lockup{width:100%;margin-bottom:10px}.admin-sidebar nav{margin:0}.admin-sidebar nav button{font-size:12px}.admin-sidebar .logout{margin-left:auto;font-size:0}.admin-main{padding:24px 14px}.admin-main>header{align-items:flex-start}.admin-user{display:none}.stats{grid-template-columns:repeat(3,1fr);gap:7px}.stat{padding:12px}.stat strong{font-size:22px}.request-card{grid-template-columns:40px 1fr}.request-avatar{width:40px;height:40px}.status{grid-column:2}.request-actions{grid-column:1/3}.companies-layout>section{padding:15px}.company-row{grid-template-columns:40px 1fr}.company-row button{grid-column:2}.public-shell{padding:12px 8px}.contact-card{border-radius:22px}.modal{padding:20px}.modal-actions{display:grid;grid-template-columns:1fr 1fr}.login-shell{padding:18px}.login-card{padding:28px 22px}}.brand-lockup .brand-b{overflow:visible;padding:0;background:transparent;border-radius:0}.brand-lockup .brand-b img{display:block;width:100%;height:100%;object-fit:contain}.hero-card-wrap{width:100%;max-width:480px}.hero-card-wrap .contact-card{width:min(100%,400px)}.hero-card-wrap .nfc-orbit{right:12px}.home-grid{align-items:start;min-height:0;padding-top:50px;padding-bottom:90px}.hero-copy{position:sticky;top:40px;padding-top:70px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:7px;color:#2563eb;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.quote-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:54px;margin-top:10px;padding:0 22px;border-radius:13px;color:#fff;background:#2563eb;box-shadow:0 13px 25px #2563eb38;font-weight:800;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.quote-button:hover{transform:translateY(-2px);box-shadow:0 17px 30px #2563eb4d}.quote-button:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}.code-box{margin-top:25px}.code-box .code-heading{display:block;margin-bottom:15px}.code-heading strong,.code-heading span{display:block}.code-heading strong{font:800 17px Manrope}.code-heading span{margin-top:3px;color:#667085;font-size:13px}.code-box>div:last-child{display:flex;gap:10px}.hero-card-wrap{position:static}.demo-intro{margin:0 0 24px}.demo-intro h2,.process-section>h2{margin:12px 0 10px;font:800 30px/1.15 Manrope;letter-spacing:-.035em}.demo-intro p{margin:0;color:#667085;font-size:16px;line-height:1.55}.benefits{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.benefits span{padding:7px 10px;border:1px solid #dbeafe;border-radius:999px;color:#1d4ed8;background:#eff6ffd1;font-size:11px;font-weight:800}.demo-label{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;margin:0 12px 11px}.demo-label strong{font-size:13px}.demo-label span{padding:4px 8px;border-radius:999px;color:#475467;background:#f2f4f7;font-size:10px;font-weight:700;letter-spacing:.02em}.card-stage{position:relative}.process-section{max-width:1120px;margin:0 auto 70px;padding:58px 30px;text-align:center;border:1px solid rgba(208,213,221,.8);border-radius:28px;background:#ffffffb8;box-shadow:0 22px 55px #0f172a0f}.process-section>h2{max-width:650px;margin:12px auto 30px;font-size:36px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left}.process-grid article{padding:24px;border:1px solid #e4e7ec;border-radius:18px;background:#fff}.process-grid article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#fff;background:#2563eb;font-size:12px;font-weight:800}.process-grid h3{margin:17px 0 8px;font:800 17px Manrope}.process-grid p{margin:0;color:#667085;font-size:14px;line-height:1.55}.process-cta{margin-top:28px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1180px;margin:auto;padding:24px 30px 30px;text-align:left}.site-footer nav{display:flex;align-items:center;gap:18px}.site-footer a,.site-footer button{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#667085;text-decoration:none;font-size:12px}@media (max-width:900px){.home-grid{gap:60px}.hero-copy{position:static;padding-top:20px}.process-section{margin-right:18px;margin-left:18px}.process-grid{grid-template-columns:1fr}}@media (max-width:600px){.home-grid{padding-top:24px}.quote-button{width:100%}.code-box>div:last-child{display:grid}.demo-intro{text-align:center}.demo-intro h2{font-size:27px}.benefits,.demo-label{justify-content:center}.card-stage .nfc-orbit{right:-6px}.process-section{margin-bottom:35px;padding:38px 18px}.process-section>h2{font-size:29px}.process-grid article{padding:20px}.site-footer{align-items:center;flex-direction:column;padding:22px 18px 30px;text-align:center}.site-footer nav{flex-wrap:wrap;justify-content:center}}
