:root{font-family:Arial,sans-serif;color:#16161c;background:#17191e;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.screen{width:min(100%,480px);min-height:100svh;margin:auto;padding:max(26px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom))}.public-screen{display:flex;flex-direction:column;background:#f3f3f1}.brand{display:flex;gap:8px;align-items:center;font:500 10px ui-monospace,monospace;letter-spacing:.17em;color:#61615f}.brand-mark{color:#0d0d12;font-size:16px}.card-stage{margin:28px 0 24px;perspective:1000px}.business-card{overflow:hidden;position:relative;min-height:246px;padding:22px;border-radius:25px;color:#fff;box-shadow:0 20px 35px #18181f2e;isolation:isolate}.business-card:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 83% 10%,rgba(255,255,255,.13),transparent 31%)}.business-card.aurora{background:#111116}.business-card.paper{color:#1e1d22;background:#f8f1e6;box-shadow:0 18px 35px #3c32281f}.business-card.signal{background:#fa5640}.card-glow{position:absolute;z-index:-1;top:-40px;right:-55px;width:170px;height:170px;border-radius:50%;background:#d8ff63;filter:blur(5px);opacity:.92}.paper .card-glow{background:#e1b883;opacity:.5}.signal .card-glow{background:#16161a;opacity:.95}.business-card.has-background-motion:after{animation:ambient-drift 12s ease-in-out infinite alternate;will-change:transform}.business-card.has-background-motion .card-glow{animation:glow-float 10s ease-in-out infinite alternate;will-change:transform}.card-top,.card-bottom{display:flex;align-items:center;justify-content:space-between;position:relative}.monogram{display:grid;place-items:center;width:35px;height:35px;border:1px solid currentColor;border-radius:50%;font:500 10px ui-monospace,monospace}.card-company{max-width:55%;text-align:right;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.card-main{margin-top:47px}.card-role{margin:0 0 8px;font:500 10px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em;opacity:.75}.card-main h1{max-width:90%;margin:0;font:700 clamp(29px,8vw,38px)/.98 Georgia,serif;letter-spacing:-.035em}.signal .card-main h1{font-family:Arial,sans-serif;font-weight:800}.card-bottom{margin-top:38px;align-items:flex-end}.card-bottom>div:first-child{display:grid;gap:3px}.card-bottom a{font:400 9px ui-monospace,monospace;text-decoration:none}.qr,.qr-placeholder{width:57px;height:57px;padding:4px;background:#fff;border-radius:7px}.qr-placeholder{display:grid;place-items:center;color:#111;font:600 10px ui-monospace,monospace}.details{padding:3px 2px 17px}.eyebrow{margin:0 0 7px;font:500 10px ui-monospace,monospace;letter-spacing:.12em;color:#777772}.details h2,.form-card h2{margin:0;font-size:20px;letter-spacing:-.05em}.details>p:not(.eyebrow){margin:5px 0 20px;font-size:13px;color:#6c6b67}.contact-list{display:grid;gap:12px;font-size:13px}.contact-list a{text-decoration:none}.contact-list p{margin:0;line-height:1.55}.contact-list span{display:inline-block;width:28px;color:#777772;font-family:ui-monospace,monospace}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-radius:14px;padding:16px 18px;background:#19191e;color:#fff;font-size:14px;font-weight:700;box-shadow:0 10px 20px #18181e26}.primary span{font-size:19px}.offline-note{margin:15px auto auto;display:flex;gap:7px;align-items:center;color:#74736f;font-size:11px}.offline-note span{width:6px;height:6px;border-radius:50%;background:#76a238}.quiet{border:0;margin:16px auto 0;background:transparent;color:#777772;text-decoration:underline;font-size:11px}.admin-screen{background:#f3f3f1;padding-bottom:38px}.admin-header{display:flex;gap:8px;align-items:center}.admin-header>div{flex:1}.admin-header h1{margin:0;font-size:27px;letter-spacing:-.07em}.back,.refresh,.add{border:0;width:38px;height:38px;border-radius:12px;background:#fff;color:#1b1b20;font-size:23px}.refresh{font-size:21px}.add{background:#1b1b20;color:#fff;font-size:22px}.card-switcher{display:flex;gap:8px;overflow-x:auto;padding:22px 0;scrollbar-width:none}.person-pill{display:flex;flex:0 0 auto;align-items:center;gap:7px;padding:6px 11px 6px 6px;border:1px solid #e1e0dc;border-radius:99px;background:transparent;color:#5f5e5a;font-size:12px}.person-pill b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#dddcd6;font:500 9px ui-monospace,monospace}.person-pill.active{border-color:#1b1b20;background:#1b1b20;color:#fff}.person-pill.active b{background:#d8ff63;color:#16161a}.form-card{padding:18px;margin-bottom:14px;border-radius:18px;background:#fff}.form-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.save-state{padding:5px 7px;border-radius:7px;background:#eff4e7;color:#52742a;font-size:9px;font-weight:700}.form-grid{display:grid;gap:12px}.form-grid label{display:grid;gap:6px;color:#686762;font-size:11px;font-weight:700}.form-grid input,.form-grid textarea{width:100%;padding:10px 11px;border:1px solid #e5e4e0;border-radius:9px;background:#fbfbfa;color:#1e1d22;font-size:13px;outline-color:#8bb33d}.form-grid textarea{resize:vertical}.design-grid{display:grid;gap:9px;margin-top:15px}.design-option{display:grid;grid-template-columns:52px 1fr;gap:0 11px;align-items:center;padding:8px;border:1px solid #e7e6e1;border-radius:11px;cursor:pointer}.design-option input{position:absolute;opacity:0}.design-option.selected,.design-option:has(input:checked){border-color:#1e1d22;box-shadow:0 0 0 1px #1e1d22}.mini-card{grid-row:span 2;width:52px;height:35px;border-radius:7px;background:#111116}.mini-card.paper{background:#f5dfc5}.mini-card.signal{background:#fa5640}.design-option b{font-size:12px}.design-option small{color:#7b7974;font-size:10px}.admin-screen .primary{margin:8px 0 14px}.animation-settings{display:grid;gap:10px;margin-top:15px}.animation-option{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;padding:12px;border:1px solid #e7e6e1;border-radius:11px;cursor:pointer}.animation-option span{display:grid;gap:3px}.animation-option b{font-size:12px}.animation-option small{color:#7b7974;font-size:10px;line-height:1.35}.animation-option input{position:absolute;opacity:0}.animation-option i{position:relative;width:40px;height:24px;border-radius:99px;background:#d9d8d3;transition:background .2s ease}.animation-option i:after{content:"";position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000002e;transition:transform .2s ease}.animation-option input:checked+i{background:#167ab4}.animation-option input:checked+i:after{transform:translate(16px)}.animation-option:has(input:focus-visible){outline:2px solid #167ab4;outline-offset:2px}.public-screen{position:relative;height:100svh;align-items:center;justify-content:flex-start;overflow:hidden;overscroll-behavior:none;padding:15px 0 max(24px,env(safe-area-inset-bottom))}.card-carousel{position:relative;flex:0 0 90svh;width:96%;min-height:0;overscroll-behavior:none;touch-action:pan-x}.public-screen .card-stage{width:100%;height:100%;min-height:0;margin:0;perspective:1400px}.public-screen .card-stage[class*=slide-]{position:absolute;inset:0}.public-screen .card-stage[class*=slide-to-]{pointer-events:none}.card-flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .68s cubic-bezier(.2,.7,.18,1)}.public-screen .business-card{display:flex;flex-direction:column;width:100%;min-height:0;height:100%;aspect-ratio:auto;padding:25px;border-radius:30px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-flip>.business-card{position:absolute;inset:0}.card-flip>.card-back{display:block;transform:rotateY(180deg)}.public-screen .card-stage.is-flipped .card-flip{transform:rotateY(180deg)}.public-screen .card-stage.without-qr-flip .card-flip{transition-duration:0s}.public-screen .card-main{margin-top:clamp(72px,15svh,130px)}.public-screen .card-main h1{max-width:100%;font-size:clamp(38px,11vw,52px)}.public-screen .card-bottom{margin-top:auto;align-items:flex-end}.card-bottom.is-qr-only{justify-content:flex-end}.card-contact{display:grid;gap:5px;max-width:66%}.card-contact a,.card-contact p{margin:0;font:400 10px/1.4 ui-monospace,monospace;text-decoration:none}.card-contact p{margin-top:8px;opacity:.78}.qr-trigger{display:grid;gap:5px;justify-items:center;border:0;padding:0;background:transparent;color:currentColor;font:500 8px ui-monospace,monospace;letter-spacing:.05em}.qr-trigger .qr{width:78px;height:78px;transition:transform .18s ease}.qr-trigger:active .qr{transform:scale(.94)}.settings-trigger{position:absolute;z-index:4;right:14px;bottom:max(.6svh,env(safe-area-inset-bottom));display:grid;place-items:center;width:32px;height:32px;margin:0;border:1px solid rgba(1,14,29,.14);border-radius:50%;background:#010e1d9e;color:#ffffffe6;font-size:18px;line-height:1}.connection-status{position:absolute;z-index:4;left:14px;bottom:max(.6svh,env(safe-area-inset-bottom));display:flex;align-items:center;gap:6px;margin:0;padding:6px 8px;border-radius:99px;background:#010e1d9e;color:#ffffffe0;font:600 9px/1 ui-monospace,monospace;letter-spacing:.05em;text-transform:uppercase}.connection-status span{width:6px;height:6px;border-radius:50%;background:#52c976;box-shadow:0 0 7px #52c976cc}.connection-status.offline span{background:#f2ae4d;box-shadow:0 0 7px #f2ae4dcc}.card-back{color:#fff;background:#111116}.card-back.paper{color:#1e1d22;background:#f8f1e6}.card-back.signal{background:#fa5640}.qr-card-content{display:grid;position:relative;z-index:1;justify-items:center;align-content:center;width:100%;height:100%;text-align:center}.qr-card-content .eyebrow{color:currentColor;opacity:.65}.qr-card-content h1{max-width:88%;margin:0 0 clamp(22px,5svh,32px);font:700 clamp(30px,9.5vw,43px)/1 Arial,Helvetica,sans-serif;letter-spacing:-.05em}.qr-full{width:min(70vw,300px);aspect-ratio:1;padding:13px;border-radius:18px;background:#fff;box-shadow:0 20px 45px #0003}.qr-download{display:flex;justify-content:space-between;align-items:center;width:min(100%,300px);margin-top:clamp(20px,4svh,28px);padding:15px 17px;border:0;border-radius:13px;background:#fff;color:#1b1b20;font-size:13px;font-weight:700}.qr-download span{font-size:18px}.business-card.studio{color:#eff9fa;background:linear-gradient(145deg,#062a30,#061e28 72%,#04161f);box-shadow:0 22px 46px #01171d59}.business-card.studio:after{background:radial-gradient(circle at 8% 10%,rgba(61,202,205,.14),transparent 34%)}.public-screen .business-card.studio{display:grid;grid-template-rows:1fr auto;padding:0}.studio-lines{position:absolute;top:-7%;right:-20%;width:72%;height:84%;background:repeating-linear-gradient(101deg,transparent 0 9px,rgba(38,185,193,.38) 10px 12px,transparent 13px 17px);transform:skew(-9deg);opacity:.9}.business-card.studio.has-background-motion .studio-lines{animation:studio-lines-drift 16s ease-in-out infinite alternate}.studio-identity{position:relative;z-index:1;align-self:start;margin:clamp(38px,10vw,58px) clamp(30px,8vw,50px)}.studio-identity h1{display:grid;gap:5px;margin:0;font:500 clamp(29px,8vw,43px)/.92 Arial,Helvetica,sans-serif;letter-spacing:.22em;text-transform:uppercase}.studio-identity h1 strong{color:#42d2d0;font-weight:600}.studio-identity p{max-width:230px;margin:clamp(26px,7vw,42px) 0 0;padding-top:21px;border-top:4px solid #42d2d0;font:600 clamp(10px,2.7vw,14px)/1.65 ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase}.studio-contact-panel{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;min-height:34%;padding:clamp(22px,6vw,36px) clamp(24px,7vw,42px);color:#152f35;background:#f7f5f0}.studio-details{display:grid;align-content:center;gap:clamp(9px,2.3vw,13px)}.studio-details a,.studio-details p{display:flex;gap:10px;align-items:center;margin:0;color:inherit;font:500 clamp(11px,3vw,15px)/1.2 Arial,Helvetica,sans-serif;text-decoration:none;overflow-wrap:anywhere}.studio-contact-icon{display:grid;flex:0 0 21px;place-items:center;width:21px;height:21px;border-radius:50%;color:#188f96}.studio-contact-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.studio-qr{align-self:end}.qr-trigger.studio-qr-trigger{color:#547177}.qr-trigger.studio-qr-trigger .qr{width:clamp(76px,20vw,102px);height:clamp(76px,20vw,102px);padding:5px;border-radius:4px}.card-back.studio{background:linear-gradient(145deg,#062a30,#04161f)}.card-back.studio .card-glow{background:#42d2d0}.mini-card.studio{background:linear-gradient(145deg,#062a30,#04161f)}.business-card.euplink{--euplink-horizontal-padding: clamp(27px, 7.8vw, 50px);border:1px solid #010e13;color:#f7f9fc;background:linear-gradient(145deg,#06182c,#020d1b);box-shadow:inset 0 1px #ffffff24,0 6px #021321,0 25px 46px #00193361}.business-card.euplink:after{background:radial-gradient(circle at 87% 18%,rgba(0,170,242,.14),transparent 30%)}.business-card.euplink.has-background-motion{background-size:140% 140%;animation:euplink-background 18s ease-in-out infinite alternate}.public-screen .business-card.euplink{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1px 1fr;gap:clamp(18px,5vw,31px);padding:max(29px,env(safe-area-inset-top)) var(--euplink-horizontal-padding) 33px}.euplink-brand{position:relative;z-index:1;display:block;width:min(220px,65vw);height:95px;overflow:hidden}.euplink-brand img{display:block;width:min(320px,86vw);height:auto;transform:translate(clamp(-88px,-22vw,-64px))}.euplink-divider{position:relative;z-index:1;width:100%;height:1px;background:#008bd0;box-shadow:0 0 13px #00a6f159}.euplink-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;gap:23px;min-width:0}.euplink-content>div:first-child{margin-top:20px}.euplink-content h1{margin:0;color:#fff;font:700 clamp(36px,10.5vw,52px)/.98 Arial,Helvetica,sans-serif;letter-spacing:-.045em}.euplink-role{margin:8px 0 0;color:#00a9f2;font:400 clamp(17px,4.8vw,23px)/1.15 Arial,Helvetica,sans-serif}.euplink-details{display:grid;gap:clamp(10px,2.7vw,15px);max-width:100%;margin-top:50px}.euplink-details a,.euplink-details p{display:flex;gap:13px;align-items:center;margin:0;color:#d9e1ea;font:400 clamp(13px,3.6vw,17px)/1.24 Arial,Helvetica,sans-serif;text-decoration:none;overflow-wrap:anywhere}.euplink-details p{align-items:flex-start;opacity:.78}.euplink-icon{display:grid;flex:0 0 22px;place-items:center;width:22px;height:22px;color:#00a9f2}.euplink-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.euplink-icon svg path:first-child:not(:only-child){fill:none}.euplink-qr{position:absolute;z-index:2;right:27px;bottom:5%}.qr-trigger.euplink-qr-trigger{color:#bfcbd7}.qr-trigger.euplink-qr-trigger .qr{width:clamp(84px,22vw,110px);height:clamp(84px,22vw,110px);padding:5px;border-radius:5px}.qr-trigger.euplink-qr-trigger span{font-size:8px}.euplink-ripples{position:absolute;z-index:0;inset:0;pointer-events:none}.euplink-ripples span{position:absolute;left:0;bottom:0;width:184%;aspect-ratio:1;border:clamp(7px,1.7vw,12px) solid rgba(0,151,232,.24);border-radius:50%;opacity:0}.business-card.euplink.has-background-motion .euplink-ripples span{animation:ripple-expand 16s ease-out infinite;will-change:transform,opacity}.business-card.euplink.has-background-motion .euplink-ripples span:nth-child(2){animation-delay:-5.34s}.business-card.euplink.has-background-motion .euplink-ripples span:nth-child(3){animation-delay:-10.68s}.card-back.euplink{color:#f7f9fc;background:linear-gradient(145deg,#06182c,#020d1b)}.public-screen .business-card.card-back.euplink{display:block;padding:max(29px,env(safe-area-inset-top)) var(--euplink-horizontal-padding) 33px}.card-back.euplink .euplink-brand{position:absolute;z-index:1;top:max(29px,env(safe-area-inset-top));left:var(--euplink-horizontal-padding)}.card-back.euplink .qr-card-content{padding-top:65px}.mini-card.euplink{background:linear-gradient(145deg,#05192d,#020d1b)}.card-back.studio .studio-lines{z-index:0}.card-back.studio .qr-card-content:before{content:"";position:absolute;z-index:-1;right:-25px;bottom:-33px;left:-25px;height:19%;background:#f7f5f0}.card-back.studio .qr-full{border:5px solid #f7f5f0;box-shadow:0 20px 45px #00000047}.card-back.studio .qr-download{color:#153239;background:#f7f5f0}@keyframes ambient-drift{0%{transform:scale(1.03) translate3d(-1%,-1%,0)}to{transform:scale(1.1) translate3d(2%,2%,0)}}@keyframes glow-float{0%{transform:translate3d(-4px,3px,0) scale(.98)}to{transform:translate3d(8px,-6px,0) scale(1.08)}}@keyframes studio-lines-drift{0%{transform:skew(-9deg) translate3d(-2%,-1%,0)}to{transform:skew(-9deg) translate3d(3%,2%,0)}}@keyframes euplink-background{0%{background-position:0% 0%}to{background-position:100% 100%}}@keyframes ripple-expand{0%{opacity:0;transform:translate(-50%,50%) scale(.32)}14%{opacity:.42}72%{opacity:.18}to{opacity:0;transform:translate(-50%,50%) scale(1.08)}}@keyframes card-slide-to-left{to{opacity:0;transform:translate(-24%) scale(.97)}}@keyframes card-slide-to-right{to{opacity:0;transform:translate(24%) scale(.97)}}@keyframes card-slide-from-left{0%{opacity:0;transform:translate(-24%) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes card-slide-from-right{0%{opacity:0;transform:translate(24%) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}.slide-to-left{animation:card-slide-to-left .34s cubic-bezier(.25,.7,.3,1) both}.slide-to-right{animation:card-slide-to-right .34s cubic-bezier(.25,.7,.3,1) both}.slide-from-left{animation:card-slide-from-left .34s cubic-bezier(.25,.7,.3,1) both}.slide-from-right{animation:card-slide-from-right .34s cubic-bezier(.25,.7,.3,1) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(min-width:700px){body{padding:24px;background:#17191e}.screen{border-radius:30px;box-shadow:0 24px 70px #00000052;min-height:calc(100svh - 48px)}.public-screen{height:calc(100svh - 48px)}}