
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#132538;background:#f4f6f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}header{height:82px;background:#fff;border-bottom:1px solid #e5e9eb;display:flex;align-items:center;justify-content:space-between;padding:0 max(6%,calc((100vw - 1240px)/2))}.brand{font-weight:850;letter-spacing:-1px;font-size:24px;color:#132f42}.brand i{display:inline-block;width:11px;height:11px;background:#14ad9b;border-radius:3px;margin-right:7px}.brand small{display:block;font-size:9px;letter-spacing:2.2px;color:#788997;margin:1px 0 0 18px}.headright{font-size:13px;color:#647682}.headright span{color:#12a08f;margin-right:8px}.hero{background:#112b3c;color:white;padding:54px 6% 80px}.hero>div{max-width:1240px;margin:auto}.eyebrow{color:#65d4c5;font-size:11px;font-weight:750;letter-spacing:2px;text-transform:uppercase}.hero h1{font-size:clamp(30px,4vw,46px);letter-spacing:-1.7px;margin:14px 0 10px;font-weight:650}.hero p{margin:0;color:#b8c9d1;font-size:15px;line-height:1.65}.layout{max-width:1240px;margin:-43px auto 65px;padding:0 20px;display:grid;grid-template-columns:1fr 330px;gap:22px;align-items:start}.panel,.aside{background:white;border:1px solid #e6ecee;border-radius:13px;box-shadow:0 12px 40px #152e3d0a}.panel{padding:32px}.steps{display:flex;gap:12px;align-items:center;font-size:12px;color:#93a0a8;padding-bottom:27px;border-bottom:1px solid #eaf0f1}.step{display:flex;align-items:center;gap:7px;white-space:nowrap}.num{width:23px;height:23px;border:1px solid #dce4e6;border-radius:50%;display:grid;place-items:center;font-size:11px}.step.active{color:#0b8e80;font-weight:700}.step.active .num{background:#e2f5f1;border-color:#c0e9e2}.line{height:1px;background:#e7edef;flex:1}.sectiontop{margin:29px 0 19px}.sectiontop h2{font-size:22px;letter-spacing:-.5px;margin:0 0 7px}.sectiontop p,.muted{color:#778893;font-size:13px;line-height:1.6;margin:0}.cards{display:grid;gap:10px}.card{width:100%;text-align:left;background:white;border:1px solid #e2e9eb;border-radius:9px;padding:18px;display:flex;gap:15px;align-items:center;color:inherit;transition:.15s}.card:hover,.card.selected{border-color:#22aa9a;background:#f5fcfa}.icon{flex:none;width:43px;height:43px;border-radius:9px;background:#e8f5f2;color:#0c9989;display:grid;place-items:center;font-size:21px}.card h3{margin:0 0 5px;font-size:15px}.card p{margin:0;color:#84939c;font-size:12px}.arrow{margin-left:auto;color:#a6b6bd;font-size:22px}.card .duration{color:#508075;white-space:nowrap;font-size:12px;background:#f1f7f6;border-radius:5px;padding:5px 8px}.aside{padding:26px}.profile{display:flex;align-items:center;gap:13px}.avatar{width:48px;height:48px;border-radius:50%;background:#dbece9;display:grid;place-items:center;color:#087e72;font-weight:750}.profile strong{font-size:14px}.profile p{font-size:12px;color:#86959e;margin:5px 0 0}.aside hr{border:0;border-top:1px solid #edf1f2;margin:23px 0}.aside h3{font-size:13px;margin:0 0 14px}.aside ul{list-style:none;padding:0;margin:0;display:grid;gap:14px}.aside li{color:#71838d;font-size:12px;line-height:1.5;display:flex;gap:10px}.aside li b{color:#11a18e}.note{margin-top:23px;background:#f3f8f7;padding:14px;border-radius:8px;color:#58756f;font-size:11px;line-height:1.6}.footer{max-width:1240px;padding:0 20px;margin:0 auto 32px;color:#99a6ad;font-size:11px;display:flex;justify-content:space-between}.demo{background:#fff4d8;color:#765622;padding:10px;text-align:center;font-size:12px}.calendar-head{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.nav{border:1px solid #e0e9e8;background:white;border-radius:6px;padding:6px 11px;color:#41625d}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.weekday{text-align:center;font-size:11px;color:#92a0a7;padding:8px}.day{border:0;background:#f6f9f9;border-radius:6px;min-height:39px;color:#45615d}.day:disabled{color:#cad3d4;background:transparent;cursor:default}.day.chosen,.slot.chosen{background:#0d9989;color:#fff}.slots{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.slot{background:white;border:1px solid #dbe8e5;border-radius:6px;padding:10px 15px;color:#278578}.actions{display:flex;justify-content:space-between;margin-top:26px;gap:10px}.btn{border:0;border-radius:7px;padding:12px 19px;background:#0c9a89;color:white;font-weight:650;font-size:13px}.btn:disabled{opacity:.45;cursor:not-allowed}.back{background:#f2f6f5;color:#637a76}label{display:block;font-size:12px;font-weight:650;margin:16px 0 7px}input,textarea{width:100%;border:1px solid #dce6e7;border-radius:7px;padding:12px;outline-color:#0c9a89}textarea{min-height:80px;resize:vertical}.summary{background:#f3f8f7;padding:15px;border-radius:8px;font-size:13px;color:#426760;line-height:1.7}.success{padding:25px 0;text-align:center}.success .icon{margin:0 auto 18px}.success h2{margin-bottom:8px}@media(max-width:760px){header{padding:0 20px;height:70px}.headright{display:none}.hero{padding:42px 20px 72px}.layout{grid-template-columns:1fr;margin-top:-40px}.panel{padding:23px}.aside{order:2}.steps{gap:5px;font-size:10px}.step{gap:4px}.line{min-width:7px}.card{padding:14px}.card .duration{font-size:10px}.footer{gap:15px;flex-wrap:wrap}}

/* NETCONCEPT: dark navy, electric blue, refined technical details */
:root{color:#eaf0ff;background:#090e1c}body{background:radial-gradient(ellipse at 80% 10%,#1a2d57 0,transparent 37%),#090e1c}header{background:#0b0d13;border-color:#252d40;height:86px}.brand{display:flex;align-items:center}.brand img{width:142px;height:58px;object-fit:contain;object-position:left center}.headright{font-size:10px;letter-spacing:2px;color:#aab7cf;font-weight:700}.headright span{color:#7297ef}.hero{position:relative;overflow:hidden;background:linear-gradient(112deg,#101a33 5%,#19294a 57%,#111b34 100%);padding:70px 6% 112px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#98adff0d 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#98adff0d 50%,transparent 50.2%);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent,#000)}.hero>div{position:relative}.eyebrow{color:#7fa7ff;letter-spacing:3px}.hero h1{max-width:790px;font-size:clamp(36px,5vw,58px);line-height:1.09;letter-spacing:-2.5px;margin-top:20px}.hero p{color:#b0c0dd;font-size:15px}.layout{margin-top:-62px;gap:20px}.panel,.aside{background:#121b2d;border-color:#293750;box-shadow:0 22px 55px #0005;border-radius:14px}.panel{padding:34px}.aside{background:linear-gradient(155deg,#18243b,#10192a);padding:28px}.steps{border-color:#2c3850;color:#8190a9}.num{border-color:#3a4863}.step.active{color:#91afff}.step.active .num{background:#253a69;border-color:#4264a7;color:#bcd0ff}.line{background:#33405a}.sectiontop h2{color:#f7f9ff}.sectiontop p,.muted{color:#98a8bf}.card{background:#172238;border-color:#2a3a55;color:#f1f5ff;padding:19px}.card:hover,.card.selected{border-color:#719bfa;background:#1d2d4a;transform:translateY(-2px)}.icon{background:#24385f;color:#8aafff}.card p{color:#a2afc3}.card .duration{color:#a9c3ff;background:#26395d}.arrow{color:#7e9bd5}.profile strong,.aside h3{color:#edf3ff}.avatar{background:#2a416d;color:#c4d7ff}.profile p,.aside li{color:#a2b2cc}.aside hr{border-color:#2b3951}.aside li b{color:#7da4fa}.note{background:#1d2c47;color:#aebfdb}.footer{color:#7e8da7}.demo{background:#24355b;color:#d0ddff}.calendar-head{color:#e8efff}.nav{background:#1b2942;border-color:#354966;color:#bbd0ff}.weekday{color:#91a3be}.day{background:#1b2940;color:#c5d4ed}.day:hover:not(:disabled){background:#304876}.day:disabled{color:#536179;background:transparent}.day.chosen,.slot.chosen{background:#6089e1;color:white}.slot{background:#19263d;border-color:#344966;color:#b8ceff}.btn{background:#5c84db;color:white}.btn:hover:not(:disabled){background:#7199f0}.back{background:#25344d;color:#c6d4eb}label{color:#d5e1f7}input,textarea{background:#18263d;border-color:#34455f;color:white;outline-color:#729bfa}.summary{background:#1c2d4b;color:#cfddf7}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #8ab2ff;outline-offset:3px}

/* Editorial booking experience inspired by contemporary product interfaces */
:root{color:#101827;background:#f1f3f7}body{background:#f1f3f7;color:#12192b}.demo{background:#151b2a;color:#aebbd1;text-align:center;letter-spacing:.01em}header{height:82px;background:#10131b;padding:0 max(5%,calc((100vw - 1380px)/2));border:0}.brand img{width:156px;height:66px}.headright{display:flex;align-items:center;gap:34px;letter-spacing:.13em;color:#8997b1}.headright a{color:#ecf1ff;text-decoration:none;border:1px solid #3c465c;border-radius:99px;padding:12px 17px;letter-spacing:0;font-size:12px}.headright a b{color:#91aefa;margin-left:10px}.hero{background:#101725;padding:79px max(5%,calc((100vw - 1380px)/2)) 119px}.hero:before{inset:0 0 0 45%;opacity:.6;background:radial-gradient(ellipse at 70% 5%,#638bf850,transparent 47%),repeating-linear-gradient(115deg,transparent 0 84px,#aec7ff13 85px 86px);mask-image:linear-gradient(90deg,transparent,#000)}.hero>div{max-width:1380px}.eyebrow{font-size:10px;color:#a7bfff;letter-spacing:.2em}.pulse{display:inline-block;width:7px;height:7px;background:#93b4ff;border-radius:50%;margin-right:9px;box-shadow:0 0 0 5px #88aaff20}.hero h1{max-width:850px;font-size:clamp(43px,5.7vw,78px);font-weight:550;letter-spacing:-.055em;line-height:1.06;margin:25px 0 20px}.hero h1 em{font-style:normal;color:#9dbbff}.hero p{max-width:560px;font-size:16px;line-height:1.7;color:#b0bacd}.hero-meta{display:flex;gap:28px;margin-top:36px;color:#8394b1;font-size:10px;letter-spacing:.13em;font-weight:700}.layout{max-width:1420px;margin:-60px auto 65px;padding:0 20px;grid-template-columns:minmax(0,1fr) 340px;gap:16px}.panel,.aside{border-radius:14px;box-shadow:0 16px 50px #1d315115}.panel{background:#fff;border:1px solid #e5eaf2;padding:32px 38px 40px;color:#172138}.steps{border-bottom:1px solid #e8ecf2;color:#98a2b3;padding-bottom:25px}.line{background:#e5eaf1}.num{border-color:#d8e0eb}.step.active{color:#4269c7}.step.active .num{color:#fff;background:#416bd0;border-color:#416bd0}.sectiontop{margin:34px 0 22px}.section-kicker{font-size:10px;letter-spacing:.15em;color:#6887c7;font-weight:750;margin-bottom:10px}.sectiontop h2{font-size:30px;color:#111a2b;letter-spacing:-.045em;font-weight:650}.sectiontop p,.muted{color:#7d899c}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card{display:flex;flex-direction:column;align-items:flex-start;position:relative;min-height:235px;padding:20px;background:#f7f9fc;border:1px solid #e8edf4;border-radius:10px;color:#162238}.card:hover,.card.selected{background:#f0f5ff;border-color:#85a4ed;box-shadow:0 12px 24px #385b9b12;transform:translateY(-3px)}.icon{width:42px;height:42px;background:#e8effc;color:#4f78d5;border-radius:11px}.card-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1}.card-index{margin-top:22px;color:#8998b1;letter-spacing:.11em;font-size:9px;font-weight:700}.card h3{font-size:15px;line-height:1.3;letter-spacing:-.02em;margin:8px 0}.card p{font-size:12px;line-height:1.5;color:#8390a2}.card .duration{margin-top:auto;padding:15px 0 0;background:transparent;color:#5977b4}.arrow{position:absolute;right:19px;top:20px;color:#6d85b6;font-size:18px}.aside{background:#172238;color:#edf3ff;border:0;padding:27px;min-height:100%}.aside-label{font-size:9px;color:#8193b2;letter-spacing:.13em;font-weight:700;display:flex;justify-content:space-between}.aside-label span{font-size:16px;color:#8dadf2}.profile{margin-top:30px}.avatar{background:linear-gradient(135deg,#648dde,#3c568a);color:#fff}.profile strong{font-size:15px}.profile p{font-size:11px}.aside hr{margin:29px 0}.aside h3{font-size:22px;line-height:1.22;letter-spacing:-.04em;font-weight:550;margin-bottom:23px}.aside ul{gap:17px}.aside li{font-size:12px;color:#adbcd3}.aside li b{color:#90adf6}.note{margin-top:30px;background:#25334d;padding:17px}.note span{display:block;color:#92a3bf;letter-spacing:.12em;font-size:9px;font-weight:700;margin-bottom:8px}.note a{color:#d7e5ff;text-decoration:none;font-size:12px}.footer{max-width:1420px;color:#8994a7}.calendar-head{color:#172138}.nav{background:#f7f9fc;border-color:#e3e9f3;color:#526c9f}.weekday{color:#8d9bae}.day{background:#f4f6fa;color:#35445f}.day:hover:not(:disabled){background:#e5edff}.day:disabled{color:#c4cbd5}.day.chosen,.slot.chosen{background:#527ad4;color:#fff}.slot{background:#fff;color:#5273b9;border-color:#d8e2f2}.btn{background:#4c73ce}.back{background:#eef2f8;color:#5b6c85}label{color:#29384e}input,textarea{color:#172138;background:#fafbfd;border-color:#dbe3ee}.summary{background:#f1f5fb;color:#415a85}.success h2{color:#172138}
@media(max-width:900px){.cards{grid-template-columns:1fr}.card{min-height:auto;display:grid;grid-template-columns:44px 1fr;gap:14px}.card-index{margin-top:0}.card .duration{padding-top:12px}.arrow{right:16px;top:18px}.aside{min-height:auto}}@media(max-width:760px){header{padding:0 20px}.headright{display:flex}.headright .head-label{display:none}.headright a{padding:10px 14px}.hero{padding:55px 20px 96px}.hero h1{font-size:43px}.hero-meta{gap:10px;flex-wrap:wrap;font-size:9px}.layout{margin-top:-52px}.panel{padding:24px 20px}.sectiontop h2{font-size:26px}}

/* Cybersecurity direction */
:root{background:#070b13;color:#ecf3ff}body{background:#070b13;color:#e7efff}.demo{background:#17263d;color:#b5c9e8}header{background:#080c13;border-bottom:1px solid #263149;height:80px}.headright a{border-color:#38475f;color:#edf3ff}.headright a:hover{background:#17233a}.hero{background:radial-gradient(ellipse at 75% 45%,#153961 0%,#101d34 30%,#080e1b 70%);padding-top:88px;padding-bottom:135px}.hero:before{inset:0;background-image:linear-gradient(#6e9ad20c 1px,transparent 1px),linear-gradient(90deg,#6e9ad20c 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,#000 60%,transparent)}.hero>div{position:relative;min-height:260px}.hero h1{max-width:720px;color:#f6f8ff}.hero h1 em{color:#78b9ff;text-shadow:0 0 35px #489bff42}.hero p{max-width:500px;color:#a9bad0}.eyebrow{color:#8dc5ff}.hero-meta{color:#8c9cb5}.orbital{position:absolute;right:5%;top:-56px;width:360px;height:360px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #64a8e644;border-radius:50%;box-shadow:inset 0 0 30px #79baff08,0 0 28px #4ca6ff10}.orbit-one{inset:10px}.orbit-two{inset:42px;border-style:dashed;animation:spin 55s linear infinite}.orbit-three{inset:75px;border-color:#6dbdfd66}.orbit-one:before,.orbit-three:after{content:'';position:absolute;width:7px;height:7px;background:#7cc9ff;box-shadow:0 0 18px #82caff;border-radius:50%}.orbit-one:before{top:45px;left:55px}.orbit-three:after{bottom:28px;right:18px}.orbit-core{width:118px;height:118px;display:grid;place-items:center;transform:rotate(45deg);border:1px solid #70bafe75;border-radius:23px;background:linear-gradient(140deg,#2f74b643,#101d36);box-shadow:0 0 70px #3888d640,inset 0 0 28px #5cb2f721}.orbit-core span{transform:rotate(-45deg);font-size:31px;letter-spacing:-.08em;font-weight:700;color:#a8dbff}.orbit-marker{position:absolute;color:#78bcf5;font-size:20px}.marker-one{top:8px;right:44px}.marker-two{bottom:47px;left:8px}.orbit-caption{position:absolute;right:-32px;bottom:51px;color:#7096b9;font-size:9px;line-height:1.5;letter-spacing:.15em}.orbit-caption strong{color:#a6d6ff}@keyframes spin{to{transform:rotate(360deg)}}.layout{margin-top:-66px}.panel,.aside{border-radius:12px;box-shadow:0 26px 70px #0008}.panel{background:#101a2a;border:1px solid #2b3a51;color:#ecf3ff}.aside{background:linear-gradient(145deg,#17283e,#0d1626);border:1px solid #2b3c56}.steps{border-color:#29394c;color:#788ba5}.line{background:#304059}.num{border-color:#3a4c66}.step.active{color:#9ccfff}.step.active .num{background:#438bd2;border-color:#438bd2}.section-kicker{color:#73adf0}.sectiontop h2{color:#f5f8ff}.sectiontop p,.muted{color:#a2b1c5}.card{background:#162337;border:1px solid #2b4059;color:#f1f6ff}.card:hover,.card.selected{background:#1b304a;border-color:#6cb5f5;box-shadow:0 0 25px #2b92f522;transform:translateY(-3px)}.card-index{color:#86a5c9}.card p{color:#adbbce}.card .duration{color:#9ac5f4}.icon{background:#223c5d;color:#8cc9ff}.arrow{color:#80bbef}.aside-label{color:#86a3c3}.aside h3{color:#f2f7ff}.aside li{color:#b7c7db}.note{background:#1c3049}.footer{color:#8495ab}.calendar-head{color:#edf5ff}.nav{background:#1c2d43;border-color:#3a516f;color:#c3ddff}.weekday{color:#a1b2c8}.day{background:#1a2940;color:#d2dff1}.day:disabled{color:#5e6e82}.day:hover:not(:disabled){background:#294b70}.day.chosen,.slot.chosen{background:#4c99e0}.slot{background:#17263a;border-color:#37516e;color:#c5e1ff}.btn{background:#458fd4}.back{background:#26384e;color:#d0deee}label{color:#deebfa}input,textarea{background:#142235;border-color:#39516a;color:#f4f8ff}.summary{background:#1c304b;color:#d0e4fc}.success h2{color:#f2f7ff}@media(max-width:1000px){.orbital{right:0;opacity:.42;width:300px;height:300px;top:-20px}.hero h1,.hero p,.hero-meta,.eyebrow{position:relative;z-index:1}}@media(max-width:760px){.orbital{width:220px;height:220px;right:-76px;top:15px;opacity:.25}.orbit-two{inset:25px}.orbit-three{inset:50px}.orbit-core{width:80px;height:80px}.orbit-caption{display:none}.hero{padding-top:58px}.hero h1{max-width:500px}.hero-meta{line-height:1.6}}@media(prefers-reduced-motion:reduce){.orbit-two{animation:none}}
@media(max-width:760px){.layout{grid-template-columns:1fr}.hero>div{min-height:0}.hero{padding-bottom:100px}.aside{order:2}}

/* Motion and interactive emphasis */
.hero{isolation:isolate}.hero:after{content:"";pointer-events:none;position:absolute;z-index:0;inset:-30%;background:radial-gradient(ellipse at 60% 45%,#327ee52a,transparent 29%),radial-gradient(ellipse at 87% 64%,#3bb8ef24,transparent 23%);animation:ambient 13s ease-in-out infinite alternate}.hero>div{z-index:1}.hero:before{animation:grid-drift 28s linear infinite}.orbit-one{animation:spin 32s linear infinite}.orbit-three{animation:spin 20s linear infinite reverse}.orbit-core{animation:core-glow 4s ease-in-out infinite}.orbit-marker{animation:marker-pulse 3s ease-in-out infinite}.marker-two{animation-delay:1.3s}.pulse{animation:status-pulse 2.6s ease-in-out infinite}.hero h1 em{background:linear-gradient(100deg,#a7d9ff 5%,#5aa2ff 45%,#c1e6ff 70%,#6eaaff);background-size:220% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:shimmer 8s ease infinite}.hero h1,.hero p,.hero-meta,.eyebrow{animation:reveal .75s cubic-bezier(.2,.75,.25,1) both}.hero h1{animation-delay:.08s}.hero p{animation-delay:.17s}.hero-meta{animation-delay:.25s}.panel,.aside{animation:panel-in .8s .12s cubic-bezier(.2,.75,.25,1) both}.card{overflow:hidden;transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(300px circle at var(--px,50%) var(--py,50%),#65aefa24,transparent 55%);opacity:0;transition:opacity .3s;pointer-events:none}.card:hover:before,.card:focus-visible:before{opacity:1}.card:hover .icon,.card:focus-visible .icon{transform:scale(1.08) rotate(-5deg);box-shadow:0 0 22px #5ca9f534}.card .icon,.arrow{transition:transform .28s ease,box-shadow .28s ease}.card:hover .arrow,.card:focus-visible .arrow{transform:translate(3px,-3px)}.btn,.slot,.day,.nav{transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.btn:hover:not(:disabled),.slot:hover,.nav:hover{transform:translateY(-2px);box-shadow:0 6px 18px #348ce93b}.btn:active,.slot:active,.nav:active{transform:translateY(0)}
@keyframes ambient{0%{transform:translate(-4%,-3%) scale(.95)}100%{transform:translate(5%,4%) scale(1.08)}}@keyframes grid-drift{to{background-position:52px 52px}}@keyframes core-glow{0%,100%{box-shadow:0 0 45px #3888d640,inset 0 0 28px #5cb2f721}50%{box-shadow:0 0 90px #3888d670,inset 0 0 38px #5cb2f744}}@keyframes marker-pulse{0%,100%{opacity:.35}50%{opacity:1;text-shadow:0 0 14px #74c6ff}}@keyframes status-pulse{0%,100%{box-shadow:0 0 0 3px #88aaff18}50%{box-shadow:0 0 0 8px #88aaff12}}@keyframes shimmer{0%,100%{background-position:0% center}50%{background-position:100% center}}@keyframes reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Animated security visual */
.orbital{width:400px;height:400px;right:4%;top:-70px}.orbit-core{transform:none;width:130px;height:146px;border:0;border-radius:0;background:none;box-shadow:none!important;animation:shield-float 5s ease-in-out infinite;filter:drop-shadow(0 0 16px #60bdff99)}.orbit-core svg{width:100%;height:100%;color:#9edaff}.orbit-one:after{content:"";position:absolute;inset:16px;border:1px dashed #72c3f424;border-radius:50%}.code-fragment{position:absolute;z-index:2;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:.09em;line-height:1.8;color:#8ac9ff;background:#0b1728d9;border:1px solid #507aa13d;padding:9px 12px;box-shadow:0 8px 28px #0004;animation:code-appear 6s ease-in-out infinite}.code-fragment span{color:#789dbb}.code-one{left:-54px;top:62px}.code-two{right:-45px;bottom:48px;animation-delay:1.5s}.cursor{color:#b3e9ff!important;animation:blink 1s steps(2,start) infinite}.orbit-caption{bottom:16px;right:12px}@keyframes shield-float{0%,100%{transform:translateY(0);filter:drop-shadow(0 0 12px #60bdff80)}50%{transform:translateY(-8px);filter:drop-shadow(0 0 27px #60bdffcc)}}@keyframes code-appear{0%,100%{opacity:.65;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@keyframes blink{50%{opacity:0}}@media(max-width:1000px){.orbital{width:300px;height:300px;right:0;top:-20px}.code-fragment{font-size:8px}.code-one{left:-40px}.code-two{right:-10px}.orbit-core{width:95px;height:108px}}@media(max-width:760px){.orbital{width:220px;height:220px;right:-75px;top:15px}.orbit-core{width:70px;height:80px}.code-fragment{display:none}}

/* Penetration testing visualization; illustrative output only */
.hero{overflow:hidden}.hero>div{min-height:315px}.hero h1,.hero p,.hero-meta,.eyebrow{position:relative;z-index:3}.pentest-visual{position:absolute;right:0;top:-43px;width:540px;height:380px;z-index:2;pointer-events:none}.visual-glow{position:absolute;inset:0;background:radial-gradient(ellipse,#258be938,transparent 68%);filter:blur(24px);animation:visual-breathe 7s ease-in-out infinite}.visual-grid{position:absolute;inset:-25px;background:linear-gradient(#6db4f717 1px,transparent 1px),linear-gradient(90deg,#6db4f717 1px,transparent 1px);background-size:33px 33px;mask-image:radial-gradient(ellipse,#000,transparent 70%);transform:perspective(600px) rotateX(18deg) rotateZ(-7deg)}.terminal{position:absolute;top:49px;right:36px;width:420px;border:1px solid #6397c85c;background:#07111fef;border-radius:11px;overflow:hidden;box-shadow:0 28px 65px #000b,0 0 55px #2a92f321,0 0 0 5px #86bded08;transform:perspective(900px) rotateY(-7deg) rotateX(3deg);animation:terminal-float 7s ease-in-out infinite}.terminal:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 49%,#69b9ff06 50%);background-size:100% 4px;pointer-events:none}.terminal-bar{height:41px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #263b51;padding:0 15px;color:#7794ac;font:600 9px ui-monospace,monospace;letter-spacing:.1em}.terminal-dots{display:flex;gap:5px}.terminal-dots i{width:6px;height:6px;border-radius:50%;background:#47647b}.terminal-dots i:first-child{background:#599bca}.terminal-live{margin-left:auto;color:#7dcdbf;letter-spacing:.06em}.terminal-live i,.badge-pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:#76d5bb;box-shadow:0 0 12px #65e2c0;animation:marker-pulse 2s infinite}.terminal-body{padding:19px 20px 15px;font:10px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}.term-overline{font-size:8px;letter-spacing:.13em;color:#7293b3;display:flex;justify-content:space-between}.term-overline span{color:#6bc6ac}.command{white-space:nowrap;color:#d5e8fa;margin:14px 0}.command b{color:#8fc8ff;font-weight:600}.command span{color:#6d8499}.terminal-cursor{color:#90dbff!important;animation:blink 1s steps(2,start) infinite}.terminal-rule{height:1px;background:#22374c}.log-window{height:138px;overflow:hidden;mask-image:linear-gradient(transparent,#000 13%,#000 85%,transparent);margin-top:8px}.log-stream{animation:log-scroll 20s linear infinite;line-height:27px;color:#a6bacb}.log-stream div{white-space:nowrap}.log-stream time{color:#58738b;margin-right:9px}.log-stream em{font-style:normal;color:#70aade;margin-right:7px}.log-stream .warn{color:#e6b875}.log-stream .ok{color:#80cdb5}.terminal-footer{border-top:1px solid #22374c;margin-top:8px;padding-top:12px;display:flex;justify-content:space-between;color:#6687a5;font-size:8px;letter-spacing:.08em}.terminal-footer span:first-child{color:#6bc6ac}.floating-badge{position:absolute;display:flex;align-items:center;gap:10px;background:#14283de8;border:1px solid #618ab365;border-radius:9px;padding:10px 13px;box-shadow:0 15px 35px #0007;backdrop-filter:blur(12px);animation:badge-float 6s ease-in-out infinite}.badge-top{top:21px;right:6px}.badge-bottom{bottom:13px;left:15px;animation-delay:-3s}.badge-icon{width:31px;height:31px;display:grid;place-items:center;color:#a6d5ff;background:#274765;border-radius:7px;font-size:16px}.floating-badge small,.floating-badge strong{display:block}.floating-badge small{color:#8ca9c2;font:700 8px ui-monospace,monospace;letter-spacing:.1em;margin-bottom:4px}.floating-badge strong{font-size:11px;color:#e9f4ff}.floating-badge b{color:#83bff5;margin-left:12px}.badge-pulse{margin-left:12px}.crosshair{position:absolute;color:#79bdf8;font:22px ui-monospace,monospace;opacity:.7}.cross-one{left:35px;top:65px}.cross-two{right:12px;bottom:68px}@keyframes log-scroll{from{transform:translateY(0)}to{transform:translateY(-270px)}}@keyframes terminal-float{0%,100%{transform:perspective(900px) rotateY(-7deg) rotateX(3deg) translateY(0)}50%{transform:perspective(900px) rotateY(-5deg) rotateX(2deg) translateY(-9px)}}@keyframes badge-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes visual-breathe{0%,100%{opacity:.65;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}
@media(max-width:1150px){.pentest-visual{right:-50px;transform:scale(.86);transform-origin:right center;opacity:.88}.hero h1{max-width:58%}.hero p{max-width:48%}}@media(max-width:760px){.hero{padding-bottom:105px}.hero>div{min-height:0}.hero h1,.hero p{max-width:none}.pentest-visual{position:relative;top:auto;right:auto;width:100%;height:285px;margin:8px auto -45px;transform:scale(.8);transform-origin:top center;opacity:1}.terminal{right:50%;transform:translateX(50%);width:min(420px,110%);animation:terminal-mobile 7s ease-in-out infinite}.badge-top{right:0}.badge-bottom{bottom:0;left:0}@keyframes terminal-mobile{0%,100%{transform:translateX(50%) translateY(0)}50%{transform:translateX(50%) translateY(-7px)}}}@media(prefers-reduced-motion:reduce){.pentest-visual *{animation:none!important}.log-stream{transform:none!important}}

.status-banner{padding:10px;text-align:center;background:#24355b;color:#d0ddff;font-size:12px;line-height:1.5}.section-message{margin-top:20px}.card:focus-visible,.day:focus-visible,.slot:focus-visible{outline:2px solid #8ab2ff;outline-offset:3px}.error-message{color:#ffc0a8}.btn[disabled]{opacity:.45;cursor:not-allowed}.summary{margin-bottom:12px}
