/* PIDTA.com — original Sacred Circuit identity. No tracking, framework or external scripts. */
:root{color-scheme:dark;--night:#061323;--ice:#b3eaff;--cyan:#54d4ef}
*{box-sizing:border-box}
html,body{margin:0;min-width:280px;min-height:100%;background:var(--night)}
body{font-family:Inter,"Segoe UI",Arial,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.landing{position:relative;isolation:isolate;width:100%;min-height:100vh;min-height:100svh;overflow:hidden;display:grid;place-items:center;color:#e7f7ff;background:radial-gradient(ellipse at 50% 36%,#10314a 0%,#071a2a 34%,#04121f 65%,#020914 100%)}
.environment{position:absolute;z-index:-2;inset:0;background-image:url('../art/environment.svg');background-position:center center;background-repeat:no-repeat;background-size:cover}
.landing:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 38% 33% at 50% 44%,rgba(25,94,129,.12),transparent 82%),linear-gradient(90deg,rgba(1,5,12,.14),transparent 18%,transparent 82%,rgba(1,5,12,.14))}
.scene{position:absolute;inset:0;z-index:-1;pointer-events:none}
.upper-ring{position:absolute;width:min(74vw,950px);height:min(74vw,950px);border:1px solid rgba(91,201,242,.09);border-radius:50%;left:50%;top:43%;transform:translate(-50%,-50%);-webkit-mask-image:linear-gradient(to bottom,#000,transparent 88%);mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.horizon-light{position:absolute;left:50%;bottom:20%;width:min(70vw,900px);height:100px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(26,135,190,.11),transparent 70%);filter:blur(23px)}
.identity{width:min(92%,1000px);margin:0 auto;transform:translateY(-10%);display:flex;align-items:center;flex-direction:column;position:relative;z-index:2}
.lockup{display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.45vw,36px);width:100%}
.mark-space{width:clamp(130px,15.5vw,214px);aspect-ratio:137/128;display:flex;align-items:center;justify-content:center;flex:0 0 auto;position:relative}
.mark-space:before{content:"";position:absolute;inset:13% 10% 13%;border-radius:50%;background:radial-gradient(ellipse,rgba(16,186,202,.15),transparent 67%);filter:blur(12px);pointer-events:none}
.mark{display:block;position:relative;width:100%;height:100%;object-fit:contain;filter:brightness(1.35) saturate(1.14) drop-shadow(0 0 1.5px rgba(195,242,255,.99)) drop-shadow(0 0 10px rgba(56,194,233,.47)) drop-shadow(0 13px 28px rgba(0,156,193,.17));animation:pidta-float 6.8s ease-in-out infinite;will-change:transform}
@keyframes pidta-float{0%,100%{transform:translate3d(0,3px,0)}50%{transform:translate3d(0,-13px,0)}}
.wordmark{margin:0;white-space:nowrap;line-height:1;letter-spacing:-.058em;font-weight:500;font-size:clamp(59px,7.2vw,112px);text-shadow:0 0 2px rgba(217,248,255,.9),0 0 17px rgba(36,138,205,.12)}
.word-strong{font-weight:680;background:linear-gradient(180deg,#d1ecff 0%,#669ccc 29%,#092440 70%,#9bcced 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px rgba(149,216,247,.82)}
.word-light{font-weight:300;background:linear-gradient(180deg,#e1f5ff 0%,#95bed6 28%,#0a304a 73%,#8fd5f4 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px rgba(131,205,242,.75)}
.signature{display:flex;align-items:center;justify-content:center;gap:clamp(17px,2.2vw,30px);font-size:clamp(10px,1.15vw,15px);line-height:1.5;letter-spacing:clamp(.34em,.67vw,.58em);text-transform:uppercase;color:#9fbad0;font-weight:400;margin:clamp(29px,4vw,51px) 0 0;padding-left:.58em;white-space:nowrap;text-shadow:0 0 13px rgba(85,172,212,.1)}
.signature-rule{display:block;flex:0 1 63px;height:1px;background:linear-gradient(90deg,transparent,rgba(128,199,228,.65))}.signature-rule:last-child{transform:rotate(180deg)}
.bottom-detail{position:absolute;bottom:3.3%;left:50%;transform:translateX(-50%);opacity:.60;display:flex;flex-direction:column;align-items:center;gap:6px}.bottom-detail .vertical{height:25px;width:1px;background:linear-gradient(transparent,#c0f3ff)}.bottom-detail .diamond{width:9px;height:9px;border-bottom:1px solid #c0f3ff;border-right:1px solid #c0f3ff;transform:rotate(45deg)}
@media(max-width:850px){.environment{background-size:auto 100%;background-position:50% 50%}.identity{transform:translateY(-9%)}.lockup{gap:clamp(8px,2.2vw,23px)}.mark-space{width:clamp(90px,19vw,145px)}.wordmark{font-size:clamp(48px,9.1vw,79px)}.signature{margin-top:28px}.upper-ring{width:95vw;height:95vw}}
@media(max-width:540px){.landing{min-height:100svh}.environment{background-size:auto 100%;background-position:50% 50%}.identity{transform:translateY(-9%);width:min(96%,450px)}.lockup{flex-direction:column;gap:19px}.mark-space{width:clamp(142px,35vw,189px)}.wordmark{font-size:clamp(58px,13.5vw,78px);letter-spacing:-.065em}.signature{gap:10px;font-size:10px;letter-spacing:.34em;margin-top:34px}.signature-rule{flex-basis:30px}.bottom-detail{bottom:5%}.upper-ring{width:135vw;height:135vw;top:46%}}
@media(max-width:340px){.wordmark{font-size:54px}.signature{font-size:9px;letter-spacing:.31em}.signature-rule{flex-basis:15px}}
@media(prefers-reduced-motion:reduce){.mark{animation:none;will-change:auto}}