@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{color:#11233f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#b9ddff;font-family:DM Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{-webkit-tap-highlight-color:transparent}.page{background:radial-gradient(at 8% 7%,#fffc,#0000 35%),radial-gradient(at 96% 78%,#6ab1ffbd,#0000 40%),linear-gradient(145deg,#9dd6ff 0%,#dceeff 48%,#8fc8ff 100%);place-items:center;min-height:100svh;padding:clamp(12px,3svh,34px) 12px;display:grid}.business-card{isolation:isolate;aspect-ratio:.6667;background:radial-gradient(at 12% 22%,#fffffff5,#0000 54%),radial-gradient(at 90% 49%,#ffffffdb,#0000 49%),linear-gradient(148deg,#f7fbff 1%,#eaf4ff 51%,#fff 100%);border:1.5px solid #fffffff0;border-radius:clamp(24px,6vw,38px);grid-template-rows:55% 45%;width:min(100%,520px,63svh);display:grid;position:relative;overflow:hidden;box-shadow:0 20px 60px #2167b23d,inset 0 0 0 1px #ffffff94}.hero{z-index:1;background:linear-gradient(124deg,#0000 48%,#4aadf81c 48.2%,#0000 72%),radial-gradient(at 70% 73%,#6f74ff21,#0000 40%);min-width:0;position:relative;overflow:hidden}.hero:before{z-index:0;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);content:"";opacity:.58;background:linear-gradient(132deg,#ffffff45,#1690e014),repeating-linear-gradient(90deg,#0000 0 24%,#ffffff54 24.4% 25%,#0000 25.4% 48%),repeating-linear-gradient(0deg,#0000 0 18%,#ffffff57 18.4% 19%,#0000 19.4% 38%);border-left:1px solid #ffffffe6;width:45%;height:76%;position:absolute;top:-7%;right:-3%}.hero:after{z-index:0;clip-path:polygon(0 72%,42% 31%,100% 0,100% 100%,0 100%);content:"";background:linear-gradient(155deg,#0000 10%,#57ceff7a 52%,#936fff9e 83%,#0000 84%);border-top:1px solid #ffffffe6;width:80%;height:21%;display:none;position:absolute;bottom:2%;right:-18%}.hero-glow{z-index:0;aspect-ratio:1;filter:blur(4px);background:radial-gradient(circle,#fffffff5,#6fcfff5c 48%,#0000 72%);border-radius:50%;width:50%;position:absolute;top:17%;right:12%}.brand-lockup{z-index:3;align-items:center;gap:8px;max-width:66%;display:flex;position:absolute;top:6.5%;left:7%}.brand-mark{object-fit:contain;mix-blend-mode:multiply;border-radius:8px;flex:none;width:clamp(42px,13vw,64px);height:clamp(42px,13vw,64px);display:block}.brand-copy{gap:1px;min-width:0;display:grid}.wordmark-crop{aspect-ratio:6;width:clamp(88px,27vw,140px);display:block;overflow:hidden}.wordmark-crop img{object-fit:cover;object-position:center 96%;width:100%;height:100%;display:block}.brand-copy>span{color:#4d5870;white-space:nowrap;font-size:clamp(9px,2.8vw,13px);font-weight:500}.portrait{z-index:2;object-fit:contain;object-position:right bottom;mix-blend-mode:normal;width:66%;height:87%;display:block;position:absolute;bottom:-1%;right:-5%}.identity{z-index:2;width:85%;position:absolute;top:34%;left:7%}.eyebrow{color:#172743;letter-spacing:.23em;text-transform:uppercase;margin:0;font-size:clamp(9px,2.7vw,13px);font-weight:700;line-height:1.52}.eyebrow-rule{background:linear-gradient(90deg,#04c9e7,#9d42e7);border-radius:99px;width:38px;height:3px;margin:6px 0 10px;display:block}h1{color:#0b1b35;letter-spacing:-.055em;margin:0;font-size:clamp(25px,8vw,38px);font-weight:800;line-height:.99}h1>span{white-space:nowrap;letter-spacing:-.05em;font-size:.77em}h1 small{letter-spacing:-.045em;font-size:.78em}.title-pill{color:#fff;white-space:nowrap;background:linear-gradient(105deg,#07a9e8 5%,#1686eb 55%,#bd53ed 100%);border-radius:999px 15px 999px 999px;margin:12px 0 8px;padding:5px 18px 6px;font-size:clamp(15px,4.5vw,21px);font-weight:700;line-height:1.12;display:table;box-shadow:0 5px 14px #558aff33}.company-name{color:#536078;margin:0;font-size:clamp(12px,3.8vw,18px);font-weight:500}.capabilities{z-index:3;align-items:center;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:5%;left:7%;right:6%}.capabilities li{color:#172743;align-items:center;gap:6px;min-width:0;padding:0 8px;font-size:clamp(8px,2.35vw,11px);font-weight:600;line-height:1.08;display:flex}.capabilities li:first-child{padding-left:0}.capabilities li+li{border-left:1px solid #39629947}.capabilities svg{fill:none;stroke:#099ed6;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;flex:none;width:clamp(18px,5vw,24px);height:clamp(18px,5vw,24px)}.hero-divider{z-index:4;background:#ffffffeb;height:1px;position:absolute;bottom:-1px;left:-4%;right:-4%;box-shadow:0 -1px #5ea1ea1f}.contact-zone{z-index:4;background:linear-gradient(#ffffff9c,#ffffffd1 55%,#ffffffb3);grid-template-rows:16% 15% minmax(0,1fr);place-items:center;min-height:0;padding:3% 6% 8%;display:grid;position:relative}.add-contact{color:#fff;white-space:nowrap;background:linear-gradient(105deg,#0abce8 0%,#128ee9 51%,#b33ce6 100%);border:1px solid #ffffffeb;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:80%;min-height:34px;padding:7px 12px;font-size:clamp(16px,5.2vw,24px);font-weight:700;line-height:1;text-decoration:none;display:inline-flex;box-shadow:0 0 0 2px #27d3ff3d,0 6px 18px #5f54e645,inset 0 1px 1px #ffffff94}.add-contact svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px;flex:none;width:clamp(21px,7vw,32px);height:clamp(21px,7vw,32px)}.add-contact:hover{filter:brightness(1.04);transform:translateY(-1px)}.contact-methods{justify-content:center;align-items:center;gap:clamp(8px,2vw,16px);width:100%;min-width:0;display:flex}.phone,.email{color:#0d1d38;letter-spacing:-.025em;white-space:nowrap;justify-content:center;align-items:center;gap:7px;min-width:0;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.phone{font-size:clamp(13px,2.7vw,17px)}.email{font-size:clamp(11px,2.4vw,15px)}.phone-icon{background:linear-gradient(145deg,#06bfe8,#138ee7);border-radius:9px;flex:none;place-items:center;width:clamp(29px,8vw,38px);height:clamp(29px,8vw,38px);display:grid;box-shadow:0 3px 9px #26a1dd38}.phone-icon svg{fill:#fff;width:61%;height:61%}.email-icon{background:linear-gradient(145deg,#06bfe8,#138ee7);border-radius:7px;flex:none;place-items:center;width:clamp(19px,5.8vw,28px);height:clamp(19px,5.8vw,28px);display:grid;box-shadow:0 3px 9px #26a1dd38}.email-icon svg{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:66%;height:66%}.add-contact:focus-visible,.phone:focus-visible,.email:focus-visible{outline-offset:4px;outline:3px solid #102a43}.qr-row{justify-content:space-between;align-items:center;gap:5%;width:100%;height:100%;min-height:0;padding-bottom:1%;display:flex}.qr-frame{aspect-ratio:1;background:#ffffffed;border:1px solid #63a2e13b;border-radius:22px;flex:none;place-items:center;width:auto;min-width:0;max-width:54%;height:min(100%,225px);min-height:0;padding:6px;display:grid;position:relative;overflow:hidden;box-shadow:0 9px 25px #3e78c221}.qr-code-wrap{width:100%;min-width:0;height:100%;min-height:0;position:relative}#contact-qr{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.qr-center-brand{background:#fff;border:1px solid #e8edf5;border-radius:5px;place-items:center;width:38%;height:34%;padding:7%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fffffff7}.qr-center-brand img{border-radius:inherit;object-fit:contain;width:100%;height:100%;display:block}.qr-corner{z-index:2;border-style:solid;border-color:#04bde5;width:12%;height:12%;position:absolute}.qr-corner.top-left{border-width:3px 0 0 3px;border-radius:12px 0 0;top:4px;left:4px}.qr-corner.top-right{border-width:3px 3px 0 0;border-radius:0 12px 0 0;top:4px;right:4px}.qr-corner.bottom-left{border-width:0 0 3px 3px;border-radius:0 0 0 12px;bottom:4px;left:4px}.qr-corner.bottom-right{border-width:0 3px 3px 0;border-radius:0 0 12px;bottom:4px;right:4px}.qr-divider{background:linear-gradient(#0000,#4f73a44d,#0000);flex:0 0 1px;width:1px;height:58%}.qr-copy{flex:1 1 0;align-content:center;justify-items:start;min-width:0;padding-left:1%;display:grid;position:relative}.scan-title{align-items:center;gap:8px;display:flex}.scan-title svg{fill:none;stroke:#122444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.3px;flex:none;width:clamp(30px,9vw,44px);height:clamp(43px,13vw,58px);display:block}.scan-title h2{color:#10213d;letter-spacing:-.04em;margin:0;font-size:clamp(13px,4.2vw,20px);font-weight:800;line-height:1.05}.qr-copy>p{color:#53617a;max-width:145px;margin:8px 0 0;font-size:clamp(10px,3vw,14px);line-height:1.35}.qr-error{color:#9f2d35;text-align:center;margin:0;font-size:11px}.wave{z-index:3;pointer-events:none;height:11%;position:absolute;bottom:-5%;left:-8%;right:-8%}.wave-cyan{clip-path:polygon(0 36%,25% 72%,55% 90%,100% 18%,100% 100%,0 100%);background:linear-gradient(168deg,#0fcbf6b5,#3693efa3 58%,#0000 60%);border-top:2px solid #ffffffd9}.wave-violet{clip-path:polygon(0 76%,55% 18%,100% 5%,100% 100%,0 100%);background:linear-gradient(170deg,#c74ded96,#7666f594 54%,#0000 57%);border-top:2px solid #ffffffe0;height:13%;bottom:-8%;left:31%}@media (width>=721px){.business-card{width:min(100%,520px,63svh)}.brand-lockup{gap:12px}.brand-mark{width:64px;height:64px}.identity{top:30%}.eyebrow{font-size:13px}h1{font-size:38px}.title-pill{font-size:21px}.company-name{font-size:18px}.capabilities li{font-size:11px}.add-contact{min-height:50px;font-size:24px}.phone,.email{font-size:16px}.phone-icon{width:27px;height:27px}.email-icon{width:21px;height:21px}.qr-frame{padding:9px}}@media (width<=360px){.brand-lockup{gap:5px}.brand-mark{width:39px;height:39px}.wordmark-crop{width:79px}.brand-copy>span{font-size:8px}h1{font-size:23px}.title-pill{margin-top:9px;padding:4px 13px;font-size:14px}.company-name{font-size:11px}.capabilities li{gap:4px;padding-left:5px;padding-right:5px;font-size:7px}.phone,.email{gap:4px;font-size:10.5px}.phone-icon{width:20px;height:20px}.email-icon{width:16px;height:16px}.qr-frame{border-radius:17px;padding:5px}.qr-copy>p{font-size:9px}}@media (width<=720px){.business-card{aspect-ratio:.6667;grid-template-rows:53% 47%}.identity{width:82%;top:29%}.company-name{font-size:clamp(11px,3.5vw,16px)}.capabilities{bottom:3%;left:5%;right:4%}.capabilities li{gap:4px;padding-left:6px;padding-right:6px}.capabilities svg{width:clamp(16px,4.5vw,22px);height:clamp(16px,4.5vw,22px)}.contact-zone{grid-template-rows:auto auto minmax(0,1fr);row-gap:clamp(4px,1.2vw,7px);padding:4% 5% 8%}.add-contact{gap:6px;width:74%;min-height:0;padding:5px 9px;font-size:clamp(11px,3.64vw,17px)}.add-contact svg{width:clamp(15px,4.9vw,22px);height:clamp(15px,4.9vw,22px)}.contact-methods{gap:clamp(5px,1.8vw,10px)}.phone{gap:4px;font-size:clamp(10.5px,3.1vw,14px)}.email{gap:4px;font-size:clamp(10.5px,3vw,13px)}.phone-icon{border-radius:7px;width:clamp(20px,5.6vw,27px);height:clamp(20px,5.6vw,27px)}.email-icon{border-radius:6px;width:clamp(16px,4.7vw,22px);height:clamp(16px,4.7vw,22px)}.qr-row{gap:3%;padding-bottom:0}.qr-frame{max-width:60%;height:min(100%,250px)}.scan-title{gap:5px}.scan-title svg{width:clamp(27px,8vw,38px);height:clamp(38px,11vw,50px)}.scan-title h2{font-size:clamp(12px,3.7vw,18px)}.qr-copy>p{margin-top:5px;font-size:clamp(8px,2.55vw,12px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}