:root{
    --ink:#07111f;--red:#d9232e;--cream:#f5f1e8;--petrol:#0f302c;--copper:#c98344
}
*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 90% 8%,#18314a 0,transparent 35%),var(--ink);color:#fff}body{min-height:100svh}.app-shell{height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;padding:max(14px,env(safe-area-inset-top)) 0 max(14px,env(safe-area-inset-bottom));overflow:hidden}.topbar{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:14px;padding:0 18px 12px}.brand-mark{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;border:2px solid var(--red);color:var(--red);font-weight:1000;font-size:28px}.topbar strong,.topbar span{display:block}.topbar strong{font-size:16px;letter-spacing:.08em}.topbar span{color:#91a3b8;font-size:13px;margin-top:3px}.carousel{min-height:0;display:grid;align-items:center;overflow:hidden}.slides{width:100%;height:100%;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.slides::-webkit-scrollbar{display:none}.slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:grid;place-items:center;padding:8px 20px}.flip-card{width:min(88vw,560px);aspect-ratio:1.586/1;max-height:calc(100svh - 210px);cursor:pointer;perspective:1200px;-webkit-tap-highlight-color:transparent}.flip-inner{position:relative;width:100%;height:100%;transition:transform .48s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}.flip-card.show-qr .flip-inner{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;border-radius:25px;overflow:hidden;box-shadow:0 24px 65px rgba(0,0,0,.44);backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-back{transform:rotateY(180deg)}.business-card{position:absolute;inset:0}.caarl-card{background:var(--petrol);color:var(--copper);font-family:Impact,"Arial Narrow",sans-serif;letter-spacing:.04em}.grain{position:absolute;inset:0;opacity:.15;background-image:radial-gradient(#fff .5px,transparent .7px);background-size:4px 4px}.caarl-logo{position:absolute;left:8%;top:9%;font-size:clamp(25px,7vw,52px)}.caarl-logo sup{font-size:.28em}.caarl-title{position:absolute;left:22%;top:31%;font-size:clamp(9px,2.6vw,19px)}.caarl-name{position:absolute;left:22%;top:42%;display:grid;font-size:clamp(19px,5.8vw,46px);line-height:.92;white-space:nowrap}.caarl-contact{position:absolute;left:8%;bottom:9%;font-size:clamp(9px,2.55vw,18px);line-height:1.45}.caarl-address{position:absolute;right:2.5%;top:10%;height:80%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:clamp(7px,1.55vw,12px)}.tap-hint{position:absolute;right:7%;bottom:7%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:clamp(8px,2.1vw,12px);opacity:.72}.pp-card{background:var(--cream);color:#111}.pp-contact{position:absolute;left:8%;top:10%}.pp-contact h1{margin:0;color:#8f1f25;font-size:clamp(22px,5.2vw,42px)}.pp-contact h2{margin:5px 0 10%;font-size:clamp(16px,3.9vw,30px)}.pp-contact p{font-size:clamp(11px,2.9vw,21px);font-weight:750;line-height:1.25}.pp-logo{position:absolute;right:7%;bottom:8%;font-size:clamp(25px,6.7vw,52px);font-weight:1000;letter-spacing:-.08em}.pp-logo span{color:#8f1f25}.pp-tap-hint{left:8%;right:auto;color:#555}
.qr-face{

    display:flex;
    flex-direction:column;

    justify-content:center;
    align-items:center;

    text-align:center;

    height:100%;

    padding:24px;

    gap:6px;
}
.caarl-qr-face{background:var(--petrol);color:var(--copper)}.pp-qr-face{background:var(--cream);color:#111}
.qr-face img{
    width:min(34%,150px);

    aspect-ratio:1;

    display:block;

    border-radius:12px;
}
.qr-brand{
    font-size:clamp(16px,3.2vw,24px);

    margin-bottom:6px;
}
.pp-qr-brand{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:1000;letter-spacing:-.07em}.pp-qr-brand b{color:#8f1f25}
.qr-face strong{
    font-size:clamp(10px,2.4vw,14px);

    margin-top:4px;
}
.qr-face small{
    font-size:clamp(8px,1.8vw,10px);

    opacity:.75;
}
.pager{display:flex;justify-content:center;align-items:center;gap:14px;padding-top:8px}.pager span,.hint{color:#91a3b8;font-size:12px}.dot{width:10px;height:10px;padding:0;border:0;border-radius:99px;background:#516479}.dot.active{width:24px;background:var(--red)}.hint{text-align:center;margin:7px 0 0}@media(max-height:700px){.topbar{padding-bottom:6px}.brand-mark{width:43px;height:43px}.flip-card{max-height:calc(100svh - 175px);width:min(80vw,520px)}.pager{padding-top:3px}.hint{margin-top:3px}}@media(min-width:700px) and (orientation:landscape){.flip-card{height:min(62vh,430px);width:auto}.slide{padding:8px 28px}}@media(display-mode:standalone){.app-shell{padding-top:max(12px,env(safe-area-inset-top))}}