.professional-page{background:#00121e}.pro-page{max-width:1320px;margin:auto}.pro-hero{display:grid;grid-template-columns:40% 60%;align-items:center;overflow:hidden;border-bottom:1px solid #137b9a;background:radial-gradient(ellipse at right,#06435a44,transparent 70%)}.pro-hero-copy{padding:35px 20px 35px 35px;position:relative;z-index:1}.pro-hero h1{font-size:clamp(32px,3.3vw,53px);font-style:italic;line-height:1.12;letter-spacing:-1px;margin:0 0 20px}.pro-hero h1 span{color:#ffab00}.pro-hero-copy>p{font-size:24px;line-height:1.3;margin:0 0 26px}.pro-hero-image{display:block;width:100%;height:auto;mask-image:linear-gradient(90deg,transparent,#000 8%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%)}.pro-actions{display:flex;gap:12px;flex-wrap:wrap}.pro-actions .button{font-size:14px;padding:13px 16px}.pro-hero-copy .pro-benefit{display:flex;align-items:center;gap:12px;font-size:13px;margin:28px 0 0;white-space:nowrap}.pro-benefit svg{width:30px;height:30px;stroke:#00d4ff;stroke-width:1.5;fill:none;flex:none}.pro-section{padding:20px 28px 18px;border-bottom:1px solid #0a2e40;scroll-margin-top:20px}.pro-title{display:flex;align-items:center;justify-content:center;gap:22px;font-size:clamp(24px,2.45vw,37px);font-style:italic;text-align:center;line-height:1.2;margin:0 0 22px;letter-spacing:-.5px}.pro-title:before,.pro-title:after{content:'';height:2px;flex:1;max-width:130px;background:linear-gradient(90deg,transparent,#30c7ff);box-shadow:0 0 9px #00aaff}.pro-title:after{transform:scaleX(-1)}.network-layout{display:grid;grid-template-columns:23% 52% 25%;align-items:center;gap:0}.network-intro{font-size:18px;line-height:1.5;padding-right:20px}.network-picture{position:relative;height:310px;padding:0 20px;text-align:center}.network-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#31d4ff;stroke-width:2;filter:drop-shadow(0 0 4px #0bf)}.network-top{height:165px;display:flex;justify-content:center;align-items:center;gap:40px;position:relative}.network-tablet{width:140px}.network-tablet small{display:block;margin-bottom:7px;font-size:12px;line-height:1.1}.tablet-shell{background:#03131e;border:3px solid #608398;border-radius:9px;padding:5px;box-shadow:0 0 10px #09c8ff44;position:relative}.tablet-shell img{display:block;width:100%;height:65px;object-fit:cover}.tablet-shell span{display:block;margin:4px 20px 0;border-radius:3px;background:#ff9200;color:#fff;font-size:9px;padding:4px;font-weight:bold}.network-main{width:200px}.monitor{position:relative;border:3px solid #668fa7;background:#00111b;padding:4px;border-radius:4px;margin-bottom:15px;box-shadow:0 0 6px #04baff40}.monitor img{width:100%;height:100%;aspect-ratio:16/10;object-fit:cover;display:block}.monitor:after{content:'';position:absolute;top:100%;left:43%;width:14%;height:11px;background:linear-gradient(#416074,#101b25);border-bottom:3px solid #607c8e}.network-main b,.network-nodes b{font-size:13px}.network-switch{position:relative;width:125px;height:20px;margin:0 auto 25px;background:#071823;border:1px solid #37576c;border-radius:3px;display:flex;align-items:center;justify-content:center;gap:8px}.network-switch i{width:9px;height:5px;background:#3ab1a0;box-shadow:0 0 3px #00bfee}.network-nodes{display:flex;justify-content:space-between;gap:20px;position:relative}.network-nodes>div{width:29%}.pro-mini-price{justify-self:end;border:1px solid #21c4ff;box-shadow:0 0 10px #0bf1;border-radius:9px;padding:20px 18px;max-width:280px;width:100%}.pro-mini-price h3{font-size:23px;margin:0 0 5px}.pro-mini-price strong{display:block;color:#ffad00;font-size:72px;line-height:1.1;letter-spacing:-3px}.pro-mini-price>b{font-size:21px}.pro-checks{padding:0;list-style:none;font-size:14px;line-height:1.6;margin:15px 0 0}.pro-checks li{position:relative;padding-left:26px;margin:5px 0}.pro-checks li:before{content:'✔';position:absolute;left:0;color:#12d3ff;font-size:20px;line-height:1.2;text-shadow:0 0 6px #00d0ff55}.pro-mini-price ul{border-top:1px solid #205a73;padding-top:13px}.pro-setup{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.pro-setup article{border:1px solid #277894;border-radius:9px;padding:17px 18px 12px;text-align:center;position:relative;background:linear-gradient(140deg,#06293844,#00131e);min-height:180px}.step-number{position:absolute;left:13px;top:12px;border:2px solid #ffa900;color:#ffa900;width:33px;height:33px;font-size:23px;border-radius:50%;line-height:29px}.pro-setup svg{width:58px;height:58px;fill:none;stroke:#60dbff;stroke-width:2;filter:drop-shadow(0 0 5px #00aeff55);margin-bottom:3px}.pro-setup h3{font-size:18px;margin:3px 0 9px}.pro-setup p{font-size:16px;line-height:1.35;margin:0}.pro-setup article:not(:last-child):after{content:'›';position:absolute;right:-21px;top:40%;font-size:42px;color:#3dccff;text-shadow:0 0 7px #00baff}.setup-ribbon{width:max-content;max-width:100%;border:1px solid #21c5ff;background:#02314955;border-radius:30px;margin:10px auto 0;padding:7px 26px;font-weight:bold;font-size:15px;text-align:center}.software-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.software-grid article{display:flex;gap:12px;align-items:flex-start;border:1px solid #267491;border-radius:8px;background:linear-gradient(130deg,#06344855,#00111d);padding:16px 13px;min-height:175px}.software-grid .monitor{width:44%;flex:none;margin-top:3px}.software-grid h3{font-size:17px;color:#47e3ff;margin:8px 0 7px}.software-grid ul{font-size:13px;margin:0;line-height:1.5}.software-grid li{padding-left:22px}.software-grid li:before{font-size:17px}.pro-subtitle{text-align:center;margin:-14px 0 17px;font-size:17px}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.profile-grid article{display:flex;gap:15px;border:1px solid #2588a5;border-radius:8px;overflow:hidden;padding:7px;background:#00223155}.profile-grid article>img{width:43%;object-fit:cover;border-radius:4px}.profile-grid h3{font-size:19px;margin:12px 0 8px}.profile-grid p{font-size:13px;line-height:1.5;margin:0 5px 10px 0}.profile-grid .button{padding:9px 23px;font-size:15px;border-radius:5px}.profile-status{font-size:12px;color:#8cd9e9;margin:0;min-height:0}.profile-status:not(:empty){margin-top:12px}.pro-coffee{position:relative;isolation:isolate;margin:18px 15px 16px;border:1px solid #2b89aa;border-radius:11px;overflow:hidden;min-height:175px;display:flex;align-items:center;padding:25px 38px}.pro-coffee>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;z-index:-2}.pro-coffee:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#00111ee8,#00111ea0 40%,transparent 75%);z-index:-1}.pro-coffee h2{font-style:italic;font-size:32px;margin:0 0 10px}.pro-coffee p{font-size:18px;line-height:1.4;margin:0}.pro-bottom{display:grid;grid-template-columns:1.05fr 1fr;gap:18px;padding:0 17px 24px}.pro-bottom article{position:relative;border:1px solid #348eac;border-radius:10px;overflow:hidden;min-height:290px;background:#011b29}.pro-licence{display:flex;align-items:center;gap:15px;padding:17px}.pro-licence>img{width:37%;height:245px;object-fit:cover;object-position:65% center;border-radius:5px}.pro-bottom h3{font-size:23px;margin:0 0 8px}.licence-amount{display:flex;align-items:center;gap:17px;margin:0}.licence-amount strong{font-size:57px;color:#ffad00;letter-spacing:-2px}.licence-amount span{font-size:12px}.pro-licence ul{margin:3px 0 15px;font-size:14px}.pro-licence .button{font-size:14px;padding:13px 18px}.pro-branding{padding:23px;isolation:isolate}.pro-branding>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75%;z-index:-2}.pro-branding:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#00121ff5 15%,#00121fc9 52%,transparent);z-index:-1}.pro-branding p{font-size:16px;line-height:1.5;width:60%;margin:24px 0}.pro-branding .button{font-size:14px;padding:13px}.professional-page nav a[aria-current=page]{color:#6ce8ff;border:1px solid #17bfff;border-radius:5px;padding:9px;box-shadow:0 0 8px #00aaff44}
@media(max-width:1100px){.pro-hero-copy{padding-left:25px}.pro-hero-copy>p{font-size:20px}.pro-hero-copy .pro-benefit{white-space:normal}.pro-title{gap:15px}.pro-section{padding:18px 20px}.network-picture{height:280px}.network-top{gap:22px;height:145px}.network-tablet{width:105px}.network-main{width:150px}.network-nodes{gap:13px}.network-intro{font-size:16px}.pro-mini-price{padding:16px 14px}.pro-mini-price h3{font-size:18px}.pro-mini-price strong{font-size:59px}.pro-mini-price>b{font-size:17px}.pro-mini-price ul{font-size:13px}.software-grid{gap:12px}.software-grid article{padding:12px 9px;gap:8px;min-height:155px}.software-grid h3{font-size:14px}.software-grid ul{font-size:10px}.software-grid li{padding-left:18px}.pro-setup{gap:20px}.pro-setup article{padding:15px 10px 10px;min-height:165px}.pro-setup h3{font-size:16px}.pro-setup p{font-size:14px}.pro-setup svg{width:48px;height:48px}.profile-grid{gap:12px}.profile-grid article{gap:10px}.profile-grid h3{font-size:16px}.profile-grid p{font-size:11px}.profile-grid .button{padding:8px 18px;font-size:13px}.pro-bottom h3{font-size:20px}.pro-licence{gap:12px;padding:13px}.licence-amount{gap:10px}.licence-amount strong{font-size:46px}.pro-licence ul{font-size:12px}.pro-licence .button{font-size:12px;padding:11px 13px}.pro-branding p{font-size:14px}.pro-coffee h2{font-size:28px}}
@media(max-width:700px){.pro-hero{grid-template-columns:1fr}.pro-hero-copy{padding:30px 22px 18px}.pro-hero h1{font-size:39px}.pro-hero-copy>p{font-size:21px}.pro-hero-image{mask-image:none;-webkit-mask-image:none}.pro-hero-copy .pro-benefit{margin-top:20px}.pro-title:before,.pro-title:after{display:none}.pro-title{font-size:26px;letter-spacing:0}.network-layout{grid-template-columns:1fr}.network-intro{text-align:center;padding:0;margin:0 0 18px}.network-picture{height:290px;max-width:500px;width:100%;justify-self:center}.network-top{height:160px;gap:35px}.network-main{width:170px}.network-tablet{width:120px}.pro-mini-price{justify-self:center;max-width:100%;width:100%;margin-top:15px;text-align:center}.pro-mini-price ul{display:inline-block;text-align:left}.pro-mini-price strong{font-size:65px}.pro-mini-price h3{font-size:22px}.pro-setup,.software-grid{grid-template-columns:repeat(2,1fr);gap:15px}.pro-setup article:not(:last-child):after{display:none}.pro-setup article{min-height:175px}.pro-setup p{font-size:14px}.step-number{width:29px;height:29px;font-size:19px;line-height:25px;left:10px;top:10px}.setup-ribbon{font-size:12px;padding:8px 12px}.software-grid article{display:block;min-height:245px}.software-grid .monitor{width:75%;margin:0 auto 20px}.software-grid h3{font-size:16px}.software-grid ul{font-size:12px}.profile-grid{grid-template-columns:1fr}.profile-grid article{min-height:160px;gap:15px}.profile-grid h3{font-size:21px}.profile-grid p{font-size:14px}.profile-grid .button{font-size:15px}.pro-subtitle{font-size:15px;line-height:1.5}.pro-coffee{margin:16px 15px;padding:24px;min-height:210px}.pro-coffee h2{font-size:27px}.pro-coffee p{font-size:16px}.pro-bottom{grid-template-columns:1fr;padding:0 15px 20px}.pro-bottom article{min-height:280px}.pro-bottom h3{font-size:22px}.pro-licence>img{width:34%}.pro-licence ul{font-size:12px}.pro-branding p{font-size:15px}.pro-branding .button{font-size:13px}.pro-licence .button{font-size:12px}.pro-actions .button{font-size:13px}}
@media(prefers-reduced-motion:no-preference){.pro-setup article,.software-grid article{transition:box-shadow .25s,border-color .25s}.pro-setup article:hover,.software-grid article:hover{border-color:#4bdeff;box-shadow:0 0 15px #00baff22}}

/* Keep the full network diagram and PC labels inside their section. */
.pro-network .network-picture{height:auto;min-height:370px;padding-bottom:38px}
.pro-network .monitor img{height:auto}
.pro-network{padding-bottom:38px}
@media(max-width:700px){.pro-network .network-picture{min-height:330px;padding-bottom:30px}.pro-network{padding-bottom:30px}}

/* Network startup film replaces the centre diagram without changing the columns. */
.pro-network-film{min-width:0;padding:15px 20px 25px;align-self:center}
.pro-network-film video{display:block;width:100%;height:auto;aspect-ratio:1344/768;background:#00111d;border:1px solid #237590;border-radius:9px;box-shadow:0 0 14px #00baff22}
@media(max-width:700px){.pro-network-film{padding:0 0 20px}}

/* Borderless professional startup film. */
.pro-network-film video{border:0;border-radius:0;box-shadow:none;background:transparent}