/* Punic GRC product showcase: layered glass, precise interface detail, and scroll-led depth. */
.grc-float-card{transform:translateY(var(--float-scroll-y,0px))}
.grc-showcase{--grc-ice:#d9faff;--grc-ink:#090719;--grc-violet:#8e62ff;--grc-teal:#36f5e4;position:relative;isolation:isolate;overflow:hidden;padding:clamp(72px,9vw,130px) 0 30px;background:radial-gradient(ellipse at 50% 16%,rgba(89,54,172,.24),transparent 45%),radial-gradient(ellipse at 84% 62%,rgba(0,184,201,.11),transparent 30%),#080619;border-bottom:1px solid rgba(255,255,255,.1)}
.grc-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.grc-orb{position:absolute;display:block;border-radius:50%;filter:blur(2px);will-change:transform}.grc-orb-a{width:500px;height:500px;right:-100px;top:12%;background:radial-gradient(circle at 40% 40%,rgba(36,215,238,.15),rgba(83,37,186,.06) 48%,transparent 70%)}.grc-orb-b{width:620px;height:620px;left:-270px;top:40%;background:radial-gradient(circle,rgba(100,58,207,.16),rgba(68,36,161,.04) 55%,transparent 72%)}.grc-grid-glow{position:absolute;inset:0;background-image:linear-gradient(rgba(176,168,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(176,168,255,.04) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,black 22%,black 75%,transparent);opacity:.42}
.grc-showcase-inner{position:relative;z-index:1}.grc-showcase-copy{position:relative;z-index:2;text-align:center;max-width:870px;margin:0 auto 42px}.grc-product-kicker{display:inline-flex;align-items:center;gap:10px;color:#c9baff;font:600 .7rem/1.2 'SFMono-Regular',Consolas,monospace;letter-spacing:.17em}.grc-live-dot{width:7px;height:7px;border-radius:50%;background:var(--grc-teal);box-shadow:0 0 15px rgba(54,245,228,.9);animation:grcPulse 2s ease-in-out infinite}.kicker-divider{color:rgba(255,255,255,.28)}@keyframes grcPulse{50%{box-shadow:0 0 0 6px rgba(54,245,228,.07),0 0 18px rgba(54,245,228,.75)}}
.grc-showcase-copy h1{max-width:840px;margin:20px auto 18px;color:#fff;font-size:clamp(2.55rem,6vw,5.15rem);font-weight:600;line-height:1.01;letter-spacing:-.065em}.grc-showcase-copy h1 span{display:block;background:linear-gradient(105deg,#fff 0%,#d4c5ff 42%,#7af3f0 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.grc-showcase-lead{max-width:660px;margin:0 auto;color:#bdb8d4;font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.75}.grc-showcase-actions{display:flex;justify-content:center;align-items:center;gap:23px;flex-wrap:wrap;margin-top:26px}.grc-tour-link{display:inline-flex;align-items:center;gap:9px;color:#e8e3f8;font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s,gap .2s}.grc-tour-link:hover{color:var(--grc-teal);gap:14px}.grc-trust-note{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;color:#8984a4;font-size:.75rem;letter-spacing:.025em}.grc-trust-note i{color:#9f8aff;font-size:.78rem}
.grc-device-scene{position:relative;max-width:1190px;margin:0 auto;padding:10px 22px 64px;perspective:1800px;isolation:isolate}.grc-device-aura{position:absolute;inset:15% 8% 20%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,rgba(77,73,235,.22),rgba(1,246,247,.065) 35%,transparent 69%);filter:blur(48px);transform:translateY(calc(var(--grc-stage-progress,0)*-24px)) scale(calc(1 + var(--grc-stage-progress,0)*.12))}.grc-glass-panel{position:relative;border:1px solid rgba(255,255,255,.2);border-radius:23px;background:linear-gradient(140deg,rgba(255,255,255,.105),rgba(255,255,255,.026) 28%,rgba(17,13,43,.78) 72%,rgba(107,80,174,.13));box-shadow:0 55px 130px -52px rgba(0,0,0,.9),0 0 75px -40px rgba(99,76,225,.55),inset 0 1px 0 rgba(255,255,255,.25);backdrop-filter:blur(34px) saturate(155%);-webkit-backdrop-filter:blur(34px) saturate(155%);transform-style:preserve-3d;transform:translate3d(0,var(--grc-stage-y,0px),0) rotateX(calc(var(--grc-base-tilt-x,7deg) + var(--grc-mouse-tilt-x,0deg))) rotateY(calc(var(--grc-base-tilt-y,-3deg) + var(--grc-mouse-tilt-y,0deg))) scale(var(--grc-stage-scale,1));transition:transform .35s cubic-bezier(.2,.8,.2,1);will-change:transform;overflow:hidden}.grc-app-window:before{content:"";position:absolute;z-index:5;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(116deg,rgba(255,255,255,.13),transparent 15% 54%,rgba(116,227,248,.045) 80%,transparent);mix-blend-mode:screen}.grc-window-reflection{position:absolute;z-index:4;inset:-20% 42% auto -10%;height:170px;transform:rotate(-13deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);filter:blur(12px);pointer-events:none}
.grc-window-top{height:50px;padding:0 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.025));color:#c1bad7}.grc-window-lights{display:flex;gap:6px}.grc-window-lights i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.35)}.grc-window-lights i:first-child{background:#fb7185}.grc-window-lights i:nth-child(2){background:#f5c16c}.grc-window-lights i:last-child{background:#4ce0ac}.grc-window-brand{display:flex;align-items:center;gap:7px;font-size:.72rem;letter-spacing:.02em}.grc-window-brand b{color:#fff;font-weight:600}.grc-brand-mark{display:grid;place-items:center;width:19px;height:19px;border-radius:6px;background:linear-gradient(135deg,#8b5cf6,#23dce5);color:#fff;font-weight:700;font-size:.72rem;box-shadow:0 0 17px rgba(87,111,236,.5)}.grc-demo-label{justify-self:end;font:500 .53rem monospace;letter-spacing:.12em;color:#9f9ab4}.grc-demo-label i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#43e9c0;margin:0 6px 1px 0;box-shadow:0 0 9px #43e9c0}.grc-window-action{justify-self:end;position:absolute;right:19px;border:0;background:none;color:#9f9ab4;font-size:.76rem;display:none}
.grc-app-layout{display:grid;grid-template-columns:51px minmax(0,1fr);min-height:420px;background:linear-gradient(115deg,rgba(8,7,25,.56),rgba(11,9,31,.78))}.grc-app-rail{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 0;border-right:1px solid rgba(255,255,255,.075);background:rgba(8,6,23,.52)}.rail-avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;margin-bottom:10px;background:linear-gradient(145deg,#282041,#4b3681);border:1px solid rgba(255,255,255,.14);color:#e9e2ff;font:600 .52rem monospace}.grc-app-rail a{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;color:#726d8a;font-size:.82rem;text-decoration:none;transition:color .2s,background .2s,box-shadow .2s}.grc-app-rail a.active,.grc-app-rail a:hover{color:#dfd4ff;background:rgba(141,103,255,.17);box-shadow:inset 0 0 0 1px rgba(160,126,255,.15)}.rail-spacer{flex:1}
.grc-app-main{padding:25px 28px 27px;min-width:0}.grc-workspace-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:19px}.grc-breadcrumb{color:#85809c;font:500 .52rem monospace;letter-spacing:.12em}.grc-breadcrumb i{font-size:.48rem;margin:0 5px;color:#615a7d}.grc-workspace-head h2{margin:7px 0 3px;color:#f6f3ff;font-size:1.22rem;font-weight:600;letter-spacing:-.03em}.grc-workspace-head p{margin:0;color:#8d88a6;font-size:.67rem}.greeting-spark{color:#8d77fa}.grc-period{display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:rgba(255,255,255,.035);color:#aaa4be;font-size:.59rem;white-space:nowrap}.grc-period i{font-size:.5rem}
.grc-metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.grc-metric-card{position:relative;min-height:124px;overflow:hidden;padding:13px 14px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#a7a1bd;font-size:.6rem}.metric-top i{color:#8a78d2;font-size:.78rem}.metric-value{margin-top:7px;color:#f7f4ff;font-size:1.68rem;font-weight:600;line-height:1;letter-spacing:-.06em}.metric-value span{margin-left:2px;color:#b8ade8;font-size:.9rem;letter-spacing:0}.metric-foot{position:relative;z-index:1;margin-top:8px;color:#77728f;font-size:.52rem}.metric-positive{color:#56d9b2}.metric-warm{color:#f2bd75}.metric-sparkline{position:absolute;right:0;bottom:0;width:54%;height:36px;opacity:.48}.metric-sparkline svg{width:100%;height:100%;overflow:visible}.metric-sparkline path{fill:none;stroke:#9d7dfc;stroke-width:2}.metric-action-stack{position:absolute;right:15px;bottom:17px;width:47px;height:27px}.metric-action-stack i{position:absolute;display:block;width:26px;height:26px;border-radius:50%;border:2px solid #17142c;background:linear-gradient(140deg,#8a70d9,#3a2d69)}.metric-action-stack i:nth-child(2){left:12px;background:linear-gradient(140deg,#2eadaa,#15595d)}.metric-action-stack i:nth-child(3){left:24px;background:linear-gradient(140deg,#e2a66b,#775039)}.metric-action-stack i:nth-child(4){left:36px;width:25px;background:#252139}.metric-ring{position:absolute;right:14px;bottom:13px;width:34px;height:34px}.metric-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.metric-ring circle{fill:none;stroke-width:4}.ring-base{stroke:rgba(255,255,255,.1)}.ring-value{stroke:#4de0c0;stroke-dasharray:119;stroke-dashoffset:8;stroke-linecap:round}
.grc-board-row{display:grid;grid-template-columns:1.03fr .97fr;gap:11px;margin-top:11px}.grc-board-card{position:relative;min-width:0;min-height:193px;padding:14px 15px 12px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.board-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.board-card-head button{border:0;background:none;color:#756f89}.board-eyebrow{font:500 .49rem monospace;letter-spacing:.12em;color:#8d87a7}.board-card-head h3{margin:4px 0 0;color:#f1eef9;font-size:.77rem;font-weight:600}.framework-progress{margin:11px 0 13px}.framework-meta{display:flex;justify-content:space-between;align-items:center;color:#c7c1d9;font-size:.58rem}.framework-meta b{font-weight:500;color:#f1eef9}.framework-meta>span{display:flex;align-items:center;gap:7px}.framework-icon{display:grid;place-items:center;width:19px;height:19px;border-radius:6px;font:700 .43rem monospace;font-style:normal}.iso-icon{background:rgba(155,118,255,.16);color:#b99cff}.soc-icon{background:rgba(53,225,208,.13);color:#59e4d7}.nist-icon{background:rgba(252,177,102,.14);color:#f2b879}.progress-track{height:4px;margin-top:6px;border-radius:10px;background:rgba(255,255,255,.075);overflow:hidden}.progress-track i{display:block;width:var(--progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,#7956d7,#43dfd4);box-shadow:0 0 12px rgba(88,197,228,.38)}.board-card-link{display:flex;align-items:center;gap:6px;margin-top:12px;color:#9c8bef;font-size:.54rem;text-decoration:none}.activity-item{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;margin:10px 0}.activity-symbol{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;font-size:.64rem}.evidence-symbol{color:#66e1c4;background:rgba(72,223,184,.1)}.risk-symbol{color:#ffbe80;background:rgba(239,164,83,.1)}.policy-symbol{color:#a797ff;background:rgba(143,111,255,.12)}.activity-item b{display:block;color:#ded9ec;font-size:.56rem;font-weight:500;line-height:1.25}.activity-item small{display:block;margin-top:2px;color:#77728e;font-size:.48rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-item time{color:#716c86;font-size:.47rem}
.grc-float-card{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:linear-gradient(145deg,rgba(37,31,70,.85),rgba(19,16,43,.63));box-shadow:0 22px 55px -26px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.18);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);color:#fff;transition:transform .35s ease;will-change:transform}.float-crosswalk{top:22%;right:-5px;animation:floatIn 7s ease-in-out infinite}.float-evidence{bottom:15%;left:-23px;animation:floatIn 8s ease-in-out infinite reverse}@keyframes floatIn{0%,100%{translate:0 0}50%{translate:0 -9px}}.float-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#b9a6ff;background:linear-gradient(140deg,rgba(142,98,255,.24),rgba(142,98,255,.08));font-size:.95rem}.grc-float-card small{display:block;color:#aaa3c1;font:500 .48rem monospace;letter-spacing:.1em}.grc-float-card b{display:block;margin-top:4px;color:#f1edff;font-size:.68rem;font-weight:500}.float-check{display:grid;place-items:center;width:18px;height:18px;margin-left:4px;border:1px solid rgba(67,224,188,.32);border-radius:50%;background:rgba(67,224,188,.12);color:#61e5c2;font-size:.65rem}.evidence-orbit{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(54,245,228,.28);border-radius:11px;color:#57e9dc;background:linear-gradient(145deg,rgba(54,245,228,.16),rgba(54,245,228,.025));font-size:.95rem}.evidence-wave{height:22px;display:flex;align-items:center;gap:2px;margin-left:4px}.evidence-wave i{width:2px;border-radius:2px;background:#48dacb;opacity:.75}.evidence-wave i:nth-child(1),.evidence-wave i:nth-child(7){height:6px}.evidence-wave i:nth-child(2),.evidence-wave i:nth-child(6){height:11px}.evidence-wave i:nth-child(3),.evidence-wave i:nth-child(5){height:15px}.evidence-wave i:nth-child(4){height:20px}.grc-stage-caption{position:absolute;right:30px;bottom:21px;display:flex;align-items:center;gap:8px;color:#aaa4c1;font-size:.65rem}.grc-stage-caption>span{color:#8f7aff;font:600 .68rem monospace}.grc-stage-caption>i{width:20px;height:1px;background:linear-gradient(90deg,#8b70f2,transparent)}.grc-stage-caption small{margin-left:7px;color:#77718d;font-size:.57rem}.grc-showcase-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:4px;padding:0 22px;color:#8f89a9;font:500 .58rem monospace;letter-spacing:.14em}.grc-showcase-bottom>span:first-child{display:flex;align-items:center;gap:10px}.grc-showcase-bottom>span:first-child i{width:3px;height:3px;border-radius:50%;background:#6e5f9a}.grc-scroll-indicator{display:flex;align-items:center;gap:12px}.grc-scroll-indicator b{position:relative;display:block;width:25px;height:1px;background:rgba(255,255,255,.23);overflow:hidden}.grc-scroll-indicator b i{position:absolute;inset:0 auto 0 0;width:40%;background:var(--grc-teal);animation:scrollCue 1.8s ease-in-out infinite}@keyframes scrollCue{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}
.grc-showcase [data-grc-reveal]{opacity:0;transform:translateY(22px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1)}.grc-showcase [data-grc-reveal].grc-seen{opacity:1;transform:none}.grc-scroll-card{opacity:.45;transform:translateY(24px) scale(.985);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.grc-scroll-card.grc-seen{opacity:1;transform:translateY(0) scale(1)}.grc-scroll-card:nth-child(2){transition-delay:70ms}.grc-scroll-card:nth-child(3){transition-delay:140ms}.grc-scroll-card:nth-child(4){transition-delay:210ms}
@media(max-width:1100px){.grc-float-card.float-crosswalk{right:0}.grc-float-card.float-evidence{left:0}.grc-device-scene{padding-left:14px;padding-right:14px}.grc-app-main{padding:22px 19px}}
@media(max-width:767px){.grc-showcase{padding-top:70px}.grc-showcase-copy{margin-bottom:32px}.grc-showcase-copy h1{font-size:clamp(2.35rem,10vw,4rem)}.grc-showcase-lead{font-size:.96rem}.grc-showcase-actions{gap:15px}.grc-device-scene{padding:2px 0 62px}.grc-glass-panel{border-radius:17px;transform:translate3d(0,var(--grc-stage-y,0px),0) rotateX(calc(var(--grc-base-tilt-x,3deg) + var(--grc-mouse-tilt-x,0deg))) rotateY(var(--grc-mouse-tilt-y,0deg)) scale(var(--grc-stage-scale,1))}.grc-window-top{grid-template-columns:1fr auto 1fr;height:43px;padding:0 12px}.grc-demo-label{font-size:.43rem}.grc-app-layout{grid-template-columns:38px minmax(0,1fr);min-height:0}.grc-app-rail{gap:9px;padding:12px 0}.grc-app-rail a{width:26px;height:26px;font-size:.74rem}.rail-avatar{width:23px;height:23px}.grc-app-main{padding:17px 12px 16px}.grc-workspace-head h2{font-size:1.03rem}.grc-workspace-head p{font-size:.56rem}.grc-period{padding:6px 7px;font-size:.5rem}.grc-metric-row{gap:6px}.grc-metric-card{min-height:104px;padding:10px 8px}.metric-top{font-size:.5rem}.metric-value{font-size:1.32rem}.metric-foot{font-size:.43rem}.metric-action-stack{right:3px;transform:scale(.68);transform-origin:right bottom}.metric-ring{right:6px;bottom:8px;width:27px;height:27px}.grc-board-row{grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.grc-board-card{min-height:173px;padding:10px 9px}.board-card-head{margin-bottom:11px}.board-eyebrow{font-size:.42rem}.board-card-head h3{font-size:.69rem}.framework-meta{font-size:.49rem}.framework-progress{margin:9px 0 11px}.framework-icon{width:16px;height:16px}.activity-item{grid-template-columns:20px 1fr;gap:6px;margin:12px 0}.activity-item time{display:none}.activity-symbol{width:20px;height:20px;font-size:.58rem}.activity-item b{font-size:.51rem}.activity-item small{font-size:.41rem}.board-card-link{font-size:.49rem}.grc-float-card{gap:7px;padding:9px 10px}.grc-float-card small{font-size:.4rem}.grc-float-card b{font-size:.57rem}.float-icon,.evidence-orbit{width:28px;height:28px;font-size:.8rem}.float-crosswalk{top:auto;right:1%;bottom:12%}.float-evidence{left:1%;bottom:1%}.evidence-wave{display:none}.grc-stage-caption{right:10px;bottom:3px;font-size:.56rem}.grc-stage-caption small{font-size:.47rem}.grc-showcase-bottom{padding:0 3px;font-size:.48rem}.grc-scroll-indicator{gap:7px}}
@media(max-width:420px){.grc-device-scene{margin:0 -7px}.grc-window-brand{font-size:.62rem}.grc-demo-label{letter-spacing:.06em}.grc-workspace-head{gap:5px}.grc-period{gap:4px}.grc-metric-card{min-height:96px}.grc-metric-card:last-child .metric-foot{max-width:64px}.grc-board-card{padding:9px 7px}.float-evidence{bottom:-3%}.grc-stage-caption small{display:none}}
@media(prefers-reduced-motion:reduce){.grc-live-dot,.float-crosswalk,.float-evidence,.evidence-wave i,.grc-scroll-indicator b i{animation:none!important}.grc-glass-panel,.grc-scroll-card,.grc-showcase [data-grc-reveal]{transition:none!important;transform:none!important}.grc-showcase [data-grc-reveal],.grc-scroll-card{opacity:1!important}.grc-orb{transform:none!important}}
.grc-device-aura{transform:translateY(var(--grc-aura-y,0px)) scale(var(--grc-aura-scale,1))}