/* Pixelman public experience: navigation, plans, client stories and enquiries. */
.home-page{background:#060713}
.home-page .site-header{position:sticky;top:16px;width:min(1384px,calc(100% - 40px));margin:16px auto 0;border:1px solid #33405c99;border-radius:22px;background:linear-gradient(120deg,#131d2bdc,#101426ed);backdrop-filter:blur(24px);box-shadow:0 12px 45px #00000030,inset 0 1px 0 #ffffff0c;z-index:50}
.home-page .nav{width:100%;height:86px;padding:0 26px;gap:22px}
.home-page .nav .pixelman-brand img{width:218px;height:73px}
.home-page .nav-links{background:#070d1780;border:1px solid #ffffff09;padding:5px;border-radius:40px;gap:3px}
.home-page .nav-links a{padding:10px 16px;border-radius:30px;color:#bac7d8;font-size:12px;font-weight:600;white-space:nowrap;transition:background .2s,color .2s}
.home-page .nav-links a:hover,.home-page .nav-links a.active{background:#1a2a55;color:#e6f9ff;box-shadow:inset 0 1px 0 #ffffff0a}
.home-page .nav-cta{border:1px solid #547eff;background:linear-gradient(120deg,#0057ff,#6a20ed);color:white;border-radius:12px;box-shadow:0 6px 25px #1557ee25;padding:13px 19px;min-height:46px}
.home-page .nav-cta:hover{background:linear-gradient(120deg,#0066ff,#9434f5)}
.home-page .menu-btn{border-radius:12px;min-height:44px}
.home-page .hero{background:radial-gradient(ellipse at 85% 35%,#164cff29,transparent 55%),radial-gradient(ellipse at 60% 75%,#a000cd20,transparent 50%);position:relative}
.home-page .hero-topline{padding-top:36px}
.home-page .hero h1{line-height:1.06}
.home-page .hero-actions{gap:14px;flex-wrap:wrap}
.home-page .hero-actions>.button{min-height:58px;border-radius:13px;padding:17px 22px;font-size:14px}
.home-page .hero-actions>.button:first-child{background:linear-gradient(115deg,#edfdff,#bceaff);box-shadow:0 8px 35px #87c7ff12}
.home-page .hero-actions>.explore-button{border:1px solid #567292;background:linear-gradient(120deg,#14274d,#171b40);color:#e9f6ff;min-width:219px;font-size:15px;padding:17px 24px;box-shadow:inset 0 1px 0 #ffffff10,0 6px 24px #00000022}
.home-page .hero-actions>.explore-button:hover{background:#203963;border-color:#73bddc;transform:translateY(-3px)}
.home-page .hero-actions>.explore-button span{display:grid;place-items:center;background:#ffffff0c;border-radius:50%;width:25px;height:25px;font-size:17px}
.home-page .floating-tag{border-color:#6892b455;background:linear-gradient(120deg,#142c40d9,#1b1a36e0);box-shadow:0 12px 40px #00000030}
.home-page .capability-strip{background:linear-gradient(90deg,#101c2a,#171a30,#101c2a);border-color:#7ca0cd20}
.home-page .service-list{border:1px solid #3c506c5c;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#111f2d70,#15182a70)}
.home-page .service-row{padding:32px 28px;border-color:#64718e25}
.home-page .service-row:first-child{border-top:0}
.home-page .service-row:last-child{border-bottom:0}
.home-page .service-row:hover{background:#25394b44}
.home-page .service-arrow{border-color:#63819f45;background:#23314655;color:#caf7ff}
.home-page .approach-section{background:radial-gradient(ellipse at 10% 35%,#063f7a38,transparent 60%),#0b1024;border-color:#46638533}
.home-page .steps article{border-color:#415a764d}
.home-page .section-heading .eyebrow{color:#39e6ff}
.home-page .section-heading h2 em{color:#92a4c0}
.home-page .pricing-section{position:relative;background:radial-gradient(ellipse at 50% 48%,#134dcc24,transparent 65%);padding-bottom:95px}
.pricing-intro-note{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#b0bfd0;background:#142332;border:1px solid #41648155;border-radius:30px;padding:8px 13px;margin-top:20px}
.home-page .plans{gap:21px;align-items:stretch}
.home-page .plan{border-radius:23px;padding:28px 24px;background:linear-gradient(155deg,#111d3d,#0d1330 65%);border:1px solid #3f5a755f;box-shadow:0 18px 50px #00000025,inset 0 1px 0 #d0e7ff08;transition:transform .25s,border-color .25s,box-shadow .25s;overflow:visible}
.home-page .plan:hover{transform:translateY(-7px);border-color:#6593b5;box-shadow:0 26px 60px #00000040}
.home-page .plan.featured{background:radial-gradient(ellipse at 80% 0%,#0069dc45,transparent 65%),linear-gradient(150deg,#102249,#0d1636 70%);border-color:#477fda;box-shadow:0 0 0 1px #4a87e61a,0 20px 65px #1b56a51c}
.home-page .plan.featured:before{content:'';position:absolute;left:28px;right:28px;top:-1px;height:2px;background:linear-gradient(90deg,transparent,#51e6f7,#8581ff,transparent)}
.plan-emblem{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:26px;color:#42e8ff;background:linear-gradient(135deg,#073a63,#17234f);border:1px solid #4880a34a;margin-bottom:19px;box-shadow:inset 0 1px 0 #c1f1ff14}
.home-page .plan:nth-child(even) .plan-emblem{color:#db92ff;background:linear-gradient(135deg,#352163,#251942)}
.home-page .plan-label{font:8px monospace;letter-spacing:1.1px;min-height:24px;color:#8fa8c2}
.home-page .featured .plan-label{color:#42e8ff}
.home-page .plan h3{font-size:25px;line-height:1.22;min-height:61px;font-weight:600;color:#f2f7ff}
.home-page .plan-desc{min-height:61px;margin:14px 0 25px;color:#a9b9ce;font-size:12px;line-height:1.7}
.home-page .price{margin-top:0;font-size:37px;letter-spacing:-1.8px;line-height:1.1}
.home-page .price small{font-size:11px;margin-top:10px;color:#99acc5}
.home-page .plan-divider{border-color:#6482a52e;margin:25px 0}
.home-page .included{color:#9fbbd2;letter-spacing:1.5px}
.home-page .features{height:265px;scrollbar-color:#45617d transparent;margin:22px 0 29px}
.home-page .features li{color:#c1cddd;font-size:12px;gap:10px;margin-bottom:15px}
.home-page .features li:before{content:'✓';color:#33e5ff;font-size:11px}
.home-page .plan .button{margin-top:auto;border:1px solid #56739277;background:linear-gradient(120deg,#162b54,#151d40);color:#e9f5ff;border-radius:12px;min-height:53px;font-size:13px;padding:14px 17px}
.home-page .plan .button:hover{background:#203c70;border-color:#74c6e1}
.home-page .featured .button{background:linear-gradient(105deg,#0057ed,#6132ec);border-color:#528df8;color:#fff;box-shadow:0 8px 25px #0c62ee26}
.home-page .featured .button:hover{background:linear-gradient(105deg,#0867ff,#8135f3)}
.home-page .pricing-note{padding:22px 28px;border:1px solid #33486266;background:#121e2b80;border-radius:15px;max-width:580px;margin:32px auto 0;color:#a3b6cc;align-items:center}
.home-page .pricing-note a{color:#66eaff}
.testimonials-section{border-top:1px solid #435b793b;border-bottom:1px solid #435b793b;background:radial-gradient(ellipse at 80% 100%,#711bc722,transparent 60%),#0b1024}
.testimonials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.testimonial-card{margin:0;padding:31px;border:1px solid #3e526e77;border-radius:22px;background:linear-gradient(150deg,#122341,#0c122b 75%);box-shadow:0 16px 45px #0000001c;display:flex;flex-direction:column;transition:transform .25s,border-color .25s}
.testimonial-card:nth-child(2){background:linear-gradient(145deg,#211643,#151333 75%);border-color:#68648366}
.testimonial-card:hover{transform:translateY(-5px);border-color:#798eae}
.testimonial-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}
.testimonial-category{font-size:10px;letter-spacing:.4px;color:#a8dcec;border:1px solid #486b8855;padding:6px 10px;border-radius:30px;background:#192e4155}
.quote-mark{font-family:Georgia,serif;font-size:65px;line-height:.7;color:#5cc9e775;padding-top:15px}
.testimonial-card blockquote{margin:0 0 30px;font-size:19px;letter-spacing:-.3px;line-height:1.7;color:#e2eaf6;flex:1}
.testimonial-card figcaption{display:flex;align-items:center;gap:12px;padding-top:23px;border-top:1px solid #59759033}
.testimonial-avatar{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;border:1px solid #63d1e55c;background:linear-gradient(140deg,#225b71,#2d3464);color:#b9f4ff;font-size:12px;font-weight:700}
.testimonial-card:nth-child(2) .testimonial-avatar{background:linear-gradient(135deg,#594569,#343056);border-color:#b990e666;color:#ead7ff}
.testimonial-card strong{font-size:13px;display:block;font-weight:600}
.testimonial-card small{font-size:10px;display:block;margin-top:4px;color:#90a5bf}
.testimonial-spark{margin-left:auto;font-size:21px;color:#a470df66}
.testimonials-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:35px}
.testimonials-bottom>span{font:8px monospace;letter-spacing:1.5px;color:#7b90ac}
.testimonials-bottom .text-link{font-size:12px;border-color:#536788;color:#91eaff}
.home-page .contact-section{background:radial-gradient(ellipse at 85% 70%,#e9e4ff,transparent 70%),linear-gradient(110deg,#c8e9ef,#d2d8f5 60%,#ded1ee)}
.home-page .contact-action .button{border-radius:13px;background:linear-gradient(120deg,#1a2848,#342450);padding:18px 24px}
.home-page .footer{background:#070a19}
.home-page .footer a:hover{color:#65eeff}
.home-page .plan-modal{width:min(584px,calc(100% - 32px));max-height:calc(100dvh - 40px);border:1px solid #375a72;background:#0c1730;border-radius:29px;color:#f0f5ff;box-shadow:0 35px 120px #00000065}
.home-page .plan-modal::backdrop{background:#050d1bca;backdrop-filter:blur(8px)}
.home-page .modal-inner{padding:38px}
.home-page .modal-close{top:18px;right:20px;width:45px;height:45px;display:grid;place-items:center;border:0;border-radius:50%;background:#1c354a;color:#cbd9e5;font-size:25px;line-height:1;transition:background .2s}
.home-page .modal-close:hover{background:#2b4f6b}
.home-page .plan-modal .eyebrow{font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:1.5px;font-weight:700;color:#56b4ff;margin-bottom:16px}
.home-page .plan-modal h2{font-size:34px;font-weight:700;line-height:1.18;letter-spacing:-1.4px;padding-right:15px}
.home-page .modal-copy{color:#adbdcc;font-size:16px;line-height:1.6;margin:12px 0 25px}
.home-page .selected-plan{padding:16px;border-radius:16px;background:#093958;border:0;color:#44eaff;font-size:18px;line-height:1.35;margin:25px 0 24px;gap:15px;align-items:center;font-weight:700}
.home-page .selected-plan>span{text-align:right;flex-shrink:0}
.home-page .plan-modal .field{margin-bottom:17px}
.home-page .plan-modal .field label{font-size:13px;font-weight:700;color:#dce6f1;margin-bottom:9px}
.home-page .plan-modal .field label span{color:#dce6f1}
.home-page .plan-modal .field input{min-height:59px;border:1px solid #385b72;border-radius:14px;background:#070d20;padding:15px 16px;color:#edf7ff;font-size:17px;transition:border-color .2s,box-shadow .2s}
.home-page .plan-modal .field input::placeholder{color:#809bb0}
.home-page .plan-modal .field input:focus{border-color:#0c7eff;box-shadow:0 0 0 3px #006aff1c;outline:none}
.home-page .plan-modal .modal-submit{width:100%;border-radius:15px;min-height:61px;justify-content:center;gap:6px;background:#0057ee;border:1px solid #177eff;color:white;font-size:18px;font-weight:700;margin-top:7px;padding:15px 20px;box-shadow:0 8px 25px #005bed14}
.home-page .plan-modal .modal-submit:hover{background:#1767ff;transform:translateY(-1px)}
.home-page .plan-modal .modal-submit:disabled{opacity:.65;cursor:wait;transform:none}
.enquiry-privacy{font-size:10px;line-height:1.6;color:#8da4b9;text-align:center;margin:16px 0 0}
.enquiry-privacy a{color:#aecfe2;text-decoration:underline;text-underline-offset:3px}
.home-page #enquiryStatus{font-size:12px;line-height:1.6;color:#ffbeca;border:1px solid #804958;background:#47293470;border-radius:10px;padding:12px;margin:14px 0}
.enquiry-success{text-align:center;padding:20px 0 4px}
.enquiry-success[hidden],#enquiryFormPanel[hidden],#enquiryStatus[hidden]{display:none}
.success-check{width:76px;height:76px;display:grid;place-items:center;background:#0b4054;border:1px solid #4c9ba1;border-radius:50%;font-size:36px;color:#7eecdf;margin:0 auto 30px}
.home-page .enquiry-success h2{padding:0;font-size:37px}
.enquiry-success>p{font-size:15px;line-height:1.8;color:#b1c4d6;margin:20px 0 26px}
.enquiry-banner{padding:18px 24px;border:1px solid #398586;border-radius:12px;background:#123f40;color:#abeee3;margin-bottom:24px}
@media(min-width:1500px){.home-page .plan{padding:30px 27px}}
@media(max-width:1150px){.home-page .nav{padding:0 20px;gap:14px}.home-page .nav .pixelman-brand img{width:185px}.home-page .nav-links a{padding:10px 12px}.home-page .plans{gap:24px}.home-page .plan h3{min-height:0}.home-page .plan-desc{min-height:41px}.home-page .features{height:250px}.testimonial-card{padding:25px}.testimonial-card blockquote{font-size:17px}.home-page .hero-actions>.explore-button{min-width:210px}}
@media(max-width:1000px){.home-page .menu-btn{display:block}.home-page .nav-cta{margin-left:auto}.home-page .nav-links{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;flex-direction:column;border:1px solid #42566f;background:#111d2bf5;padding:12px;border-radius:17px;box-shadow:0 20px 50px #00000055;backdrop-filter:blur(24px)}.home-page .nav-links.open{display:flex}.home-page .nav-links a{padding:13px 17px;border-radius:10px}.testimonials-grid{gap:15px}.testimonial-card{padding:23px}.testimonial-card blockquote{font-size:16px}.testimonial-spark{display:none}.testimonial-category{font-size:9px}}
@media(max-width:800px){.home-page .site-header{top:10px;margin-top:10px;width:calc(100% - 24px);border-radius:18px}.home-page .nav{height:76px;padding:0 16px}.home-page .nav .pixelman-brand img{width:175px;height:60px}.home-page .hero-topline{padding-top:28px}.home-page .hero-actions>.button{font-size:14px}.home-page .service-row{padding:26px 20px}.home-page .testimonials-grid{grid-template-columns:1fr}.testimonial-card{padding:28px}.testimonial-card blockquote{font-size:20px}.testimonial-top{margin-bottom:16px}.testimonial-card figcaption{padding-top:20px}.testimonial-spark{display:block}.testimonials-bottom{align-items:flex-start;flex-direction:column;gap:13px}.home-page .pricing-section{padding-bottom:70px}.home-page .pricing-note{max-width:100%;padding:20px}.home-page .plan-modal h2{font-size:31px}.home-page .plan-modal .modal-copy{font-size:15px}}
@media(max-width:500px){.home-page .nav{gap:10px;padding:0 13px;height:70px}.home-page .nav .pixelman-brand img{width:168px;height:56px}.home-page .nav-cta{display:none}.home-page .menu-btn{font-size:12px;margin-left:auto}.home-page .hero-actions{width:100%;gap:12px}.home-page .hero-actions>.button{width:100%;min-height:56px;justify-content:space-between}.home-page .hero-actions>.explore-button{font-size:15px}.home-page .service-row{padding:24px 16px}.home-page .service-list{border-radius:18px}.home-page .plans{gap:24px}.home-page .plan{padding:27px;border-radius:21px}.home-page .plan h3{min-height:0}.home-page .plan-desc{min-height:0}.home-page .features{height:auto;max-height:320px}.home-page .plan .button{min-height:56px}.home-page .price{font-size:40px}.home-page .pricing-note{font-size:12px;gap:8px}.testimonial-card{border-radius:20px;padding:25px}.testimonial-card blockquote{font-size:19px}.testimonials-bottom>span{font-size:7px}.home-page .plan-modal{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:23px}.home-page .modal-inner{padding:30px 23px 24px}.home-page .modal-close{right:13px;top:13px;width:36px;height:36px;font-size:22px}.home-page .plan-modal .eyebrow{font-size:10px;margin-bottom:17px}.home-page .plan-modal h2{font-size:27px;letter-spacing:-1px;padding-right:10px}.home-page .modal-copy{font-size:13px;line-height:1.7;margin-top:12px}.home-page .selected-plan{font-size:14px;padding:14px;border-radius:12px;gap:10px;margin:22px 0}.home-page .selected-plan>span{flex-shrink:1}.home-page .plan-modal .field input{font-size:16px;min-height:54px;border-radius:12px}.home-page .plan-modal .modal-submit{font-size:16px;min-height:56px;border-radius:12px}.home-page .plan-modal .field{margin-bottom:17px}.enquiry-privacy{font-size:9px}.home-page .enquiry-success h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.home-page .plan:hover,.testimonial-card:hover{transform:none}}

/* Logo signature: cyan light, electric blue and magenta on midnight navy. */
.home-page .site-header{background:linear-gradient(115deg,#081729ed,#10102aeb 68%,#21102deb);border-color:#42529c80;box-shadow:0 12px 45px #00000040,inset 0 1px 0 #91dbff18}
.home-page .site-header:before{content:'';position:absolute;top:-1px;left:24px;right:24px;height:1px;background:var(--brand-glow);opacity:.75;pointer-events:none}
.home-page .nav-cta,.home-page .featured .button,.home-page .plan-modal .modal-submit{background:var(--brand-gradient);border-color:#6b6aff80;color:#fff;box-shadow:0 8px 26px #3423df35}
.home-page .nav-cta:hover,.home-page .featured .button:hover,.home-page .plan-modal .modal-submit:hover{background:linear-gradient(110deg,#075ce8,#7333ed 60%,#cb13dc)}
.home-page .hero-actions>.button:first-child{background:linear-gradient(110deg,#00ddf5,#75f0ff);color:#031526;box-shadow:0 8px 32px #00d9ff20}
.home-page .hero-actions>.explore-button{border-color:#3661a3;background:linear-gradient(115deg,#10264d,#241745);color:#f0f7ff}
.home-page .hero-actions>.explore-button:hover{background:linear-gradient(115deg,#163a68,#371e61);border-color:#7bcaff}
.home-page .plan.featured{border-color:#6a59f0;background:radial-gradient(ellipse at 100% 0%,#cb00ea19,transparent 65%),radial-gradient(ellipse at 0% 25%,#00cfff12,transparent 55%),linear-gradient(150deg,#101e43,#11122f 70%);box-shadow:0 0 0 1px #6a49ed20,0 20px 65px #5424d526}
.home-page .plan.featured:before{background:var(--brand-glow)}
.home-page .plan:hover{border-color:#7770e3}
.home-page .featured .plan-label{color:#e4a2ff}
.home-page .service-row:nth-child(even) .service-symbol{color:#e05fff}
.home-page .steps article>span{color:#d997ff}
.home-page .capability-strip{background:linear-gradient(90deg,#071d32,#191338 55%,#241033);border-color:#6262b333}
.home-page .capability-strip i{color:#e35cff}
.home-page .testimonials-section{background:radial-gradient(ellipse at 90% 100%,#bc00ed12,transparent 65%),radial-gradient(ellipse at 0% 0%,#009cff0c,transparent 50%),#0a1025}
.home-page .testimonial-card:nth-child(2){background:linear-gradient(145deg,#251640,#10142d 75%);border-color:#9752c24a}
.home-page .testimonial-card:nth-child(2) .quote-mark{color:#ea63ff80}
.home-page .testimonial-card:nth-child(2) .testimonial-avatar{background:linear-gradient(135deg,#7918a4,#34236a);border-color:#dd75ff66}
.home-page .contact-section{background:radial-gradient(ellipse at 0% 90%,#00d9ff25,transparent 55%),radial-gradient(ellipse at 100% 15%,#df00ff2b,transparent 60%),linear-gradient(120deg,#09142e,#11123a 60%,#210e36);border-top:1px solid #4e4d9570;border-bottom:1px solid #4c418170;color:#f1f6ff}
.home-page .contact-section .eyebrow{color:#61eaff}
.home-page .contact-section h2>span{background:linear-gradient(110deg,#39eaff,#8991ff 50%,#f064fa);background-clip:text;color:transparent}
.home-page .contact-section p{color:#b9c7e1}
.home-page .contact-section sup{color:#a997ff}
.home-page .contact-star{color:#e344f4;text-shadow:0 0 50px #cb00ff35}
.home-page .contact-action .button{background:var(--brand-gradient);border:1px solid #8976ff70;color:#fff;box-shadow:0 10px 35px #5925f02b}
.home-page .contact-action .button:hover{background:linear-gradient(110deg,#0866ec,#7838ee,#c214d6)}
.home-page .contact-email{color:#8eeeff}
.home-page .plan-modal{background:radial-gradient(ellipse at 100% 0%,#6f13d218,transparent 50%),#0c1730;border-color:#435792}
.home-page .selected-plan{background:linear-gradient(110deg,#083b55,#192852);color:#79efff}
.home-page .modal-close{background:#1b2a4b;color:#d1ebff}
.home-page .plan-modal .field input:focus{border-color:#00ccff;box-shadow:0 0 0 3px #00cfff17}
@media(max-width:1000px){.home-page .nav-links{background:linear-gradient(130deg,#091a30f7,#1b1135f7);border-color:#4a4f93}}