/* Original cosmic matte, with the actual public BuySecure product preview. */
body { isolation:isolate; }
.cosmic-backdrop { position:fixed; inset:0; z-index:-1; overflow:hidden; pointer-events:none; background:#050e15; }
.cosmic-backdrop picture { display:block; width:100%; height:100%; }
.cosmic-backdrop img { width:100%; height:100%; max-width:none; object-fit:cover; object-position:66% center; transform:scale(1.075); animation:cosmic-drift 54s ease-in-out infinite alternate; animation-play-state:paused; }
.cosmos-moving .cosmic-backdrop img { animation-play-state:running; }
.cosmic-backdrop::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#030a1233,transparent 60%),linear-gradient(0deg,#06101866,transparent 70%); }
@keyframes cosmic-drift { from { transform:scale(1.075) translate3d(-.7%,.5%,0); } to { transform:scale(1.12) translate3d(.7%,-.5%,0); } }
.site-header { background:#08101866; }
.hero { background:linear-gradient(90deg,#040c1666,transparent 65%),linear-gradient(0deg,#09131ee6,transparent 23%); }
.hero::before { display:none; }
.hero-copy { text-shadow:0 2px 18px #02081080; }
.hero-coordinate { color:#a0b0bb; }
.orbit-diagram { opacity:.46; }
.scene-caption { padding:8px 10px; background:#07111cb0; border-radius:3px; }
.scene-tag { color:#d0dde3; text-shadow:0 1px 5px #000; }
.disciplines { background:#09131e69; }
.work { background:linear-gradient(#09131ee6,#07131b9c 34%,#0b141ce0); }
.project { background:#0e1822f0; box-shadow:0 20px 50px #02070e24; }
.case-section { background:linear-gradient(115deg,#0c1b25f5,#0e1e27db); }
#experience { background:linear-gradient(90deg,#09131eed,#09131eba); }
.lab { background:linear-gradient(115deg,#08151bdc,#0d1b25e8); }
#about { background:linear-gradient(90deg,#09131e73,#09131ed9); }
.contact { background:radial-gradient(ellipse at 80% 100%,#58382c70,transparent 65%),#08131aca; }
.buysecure-art { display:block; isolation:isolate; background:radial-gradient(ellipse at 85% 8%,#249d9755,transparent 60%),linear-gradient(135deg,#052535,#0b3546 65%,#396f57); }
.buysecure-art::before { content:""; position:absolute; width:340px; height:340px; border:1px solid #9dd05738; border-radius:50%; top:-200px; right:-90px; box-shadow:0 0 0 30px #8ec55a08,0 0 0 65px #55bcc308; z-index:-1; }
.buysecure-brand { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 25px; }
.buysecure-brand>img { width:145px; height:auto; border-radius:3px; padding:1px 5px; background:white; }
.buysecure-brand>span { display:flex; align-items:center; gap:15px; font-size:9px; letter-spacing:.09em; text-transform:uppercase; color:#d3e8e8; }
.buysecure-brand>span>span { font-size:20px; color:#c6e59d; }
.buysecure-browser { position:absolute; width:91%; left:7%; top:100px; border:1px solid #abcbd978; border-radius:8px 8px 0 0; overflow:hidden; box-shadow:-12px 22px 35px #0007; transform:perspective(1000px) rotateY(-5deg) rotateZ(-3deg); transform-origin:center; transition:transform .6s cubic-bezier(.2,.7,.2,1); background:#00202e; }
.buysecure-browser-bar { height:25px; display:flex; justify-content:space-between; align-items:center; gap:10px; padding:0 12px; background:#e9eff0; color:#33505c; font-size:9px; letter-spacing:.02em; }
.browser-dots { color:#8ba0a6; font-size:7px; letter-spacing:2px; }
.buysecure-browser>img { width:100%; height:auto; }
.buysecure-art:hover .buysecure-browser,.buysecure-art:focus-visible .buysecure-browser { transform:perspective(1000px) rotateY(0deg) rotateZ(-1deg) translateY(-5px); }
.buysecure-art:focus-visible { outline-offset:-5px; }
.case-product-link { display:flex; justify-content:space-between; align-items:center; gap:24px; max-width:390px; border:1px solid #77c9c247; background:linear-gradient(110deg,#84ba5512,#0291b51a); padding:14px 17px; margin-top:23px; color:#d7efe4; font-size:16px; }
.case-product-link small { display:block; color:#98b5bf; font-size:10px; letter-spacing:.08em; text-transform:uppercase; margin-bottom:3px; }
.case-product-link>span:last-child { font-size:24px; color:#b7da8e; }
.case-product-link:hover { border-color:#a5d695; }
@media(min-width:1700px) { .cosmic-backdrop img { object-position:center 40%; } }
@media(max-width:1100px) { .buysecure-brand { padding:18px; gap:15px; } .buysecure-brand>img { width:125px; } .buysecure-brand>span { font-size:8px; gap:8px; } .buysecure-browser { top:87px; } }
@media(max-width:800px) { .hero { background:linear-gradient(#06101aa6,transparent 70%,#09131ee6); } .hero-copy { max-width:600px; } .buysecure-brand>span { max-width:90px; } .buysecure-browser { width:94%; left:5%; top:87px; } }
@media(max-width:600px) { .cosmic-backdrop img { object-position:center center; } .cosmic-backdrop::after { background:linear-gradient(90deg,#030b164d,#030b1626),linear-gradient(#030b1659,transparent 80%); } .hero { background:linear-gradient(#06101a8c 20%,#06101a26 60%,#09131ee6); } .hero-copy { text-shadow:0 2px 16px #000; } .buysecure-brand { padding:19px 22px; } .buysecure-brand>img { width:145px; } .buysecure-brand>span { font-size:8px; max-width:120px; } .buysecure-browser { top:105px; } .scene-caption { padding:6px; } }
@media(prefers-reduced-motion:reduce) { .cosmic-backdrop img { animation:none; transform:scale(1.075); } .buysecure-browser { transition:none; } .buysecure-art:hover .buysecure-browser,.buysecure-art:focus-visible .buysecure-browser { transform:perspective(1000px) rotateY(-5deg) rotateZ(-3deg); } }