:root{--purple:#6838cf;--purple-dark:#5329ae;--plum:#261440;--paper:#faf8ff;--lilac:#eee8f8;--ink:#291b3b;--muted:#695b78;--line:#d8cde7;--white:#fff;--radius:12px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;scrollbar-color:#9b77cf #eee8f8}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Manrope,sans-serif}::selection{background:#cbb3f5;color:#261440}input{caret-color:var(--purple)}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:700;text-wrap:balance}h1,h2{line-height:1.12;letter-spacing:-.035em}h2{font-size:clamp(30px,3.5vw,48px)}h3{font-size:22px;line-height:1.3;letter-spacing:-.02em}h4{font-size:24px;line-height:1.35;letter-spacing:-.02em}p{max-width:72ch}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button{cursor:pointer}button,a,input,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #b685ff;outline-offset:5px}a,button,summary{touch-action:manipulation}button svg,a svg{width:22px;height:22px;flex:none}a,button{transition:background-color .18s,color .18s}a:hover{text-decoration-thickness:2px}img,svg{max-width:100%}.wrap{width:min(1200px,calc(100% - 88px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:8px;left:8px;z-index:100;transform:translateY(-150%);background:var(--white);color:var(--plum);padding:12px 20px}.skip:focus{transform:none}.site-header{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:30px;height:82px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:30px;font-weight:800;letter-spacing:-.035em;text-decoration:none;line-height:1}.brand-symbol{display:inline-block;width:13px;height:13px;background:var(--purple);border-radius:50%;position:relative;align-self:flex-start;margin-top:2px}.brand-symbol::after{content:'';position:absolute;right:-3px;bottom:-3px;width:7px;height:4px;background:var(--purple);transform:rotate(45deg)}#navigation{margin-left:auto;display:flex;gap:24px;font-size:13px;font-weight:600}#navigation a{padding:12px 0;text-decoration:none}#navigation a:hover{color:var(--purple)}.languages{display:flex;gap:3px;font-size:12px;font-weight:700}.languages a{min-width:38px;min-height:44px;display:grid;place-items:center;text-decoration:none;border-radius:6px}.languages a[aria-current]{background:var(--lilac);color:var(--purple-dark)}.languages a:hover{background:var(--lilac)}.menu-button{display:none;background:transparent;border:1px solid var(--line);border-radius:6px;color:var(--ink);padding:8px 12px;min-height:44px;font-size:12px}.hero{background:var(--purple);color:white;padding:54px 0 0}.hero h1{font-size:clamp(43px,6.05vw,84px);font-weight:600;max-width:1100px}.hero h1 span{color:#e4d6ff}.hero-intro{display:flex;gap:40px;justify-content:space-between;align-items:end;padding:25px 0 44px}.hero-intro p{max-width:660px;font-size:18px;color:#f1eaff;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:14px 22px;border-radius:8px;text-decoration:none;font-size:14px;line-height:1.4;font-weight:700;flex-shrink:0}.button-light{background:#fff;color:var(--purple-dark)}.button-light:hover{background:#e9ddff}.button-purple{background:var(--purple);color:white}.button-purple:hover{background:var(--purple-dark)}.scene-shell{border-radius:var(--radius);background:#f5f0fc;color:var(--ink);overflow:hidden}.scene-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 30px;border-bottom:1px solid #ddd0ed}.scene-toolbar h2{font-size:20px;letter-spacing:-.015em}.scene-tabs{display:flex;gap:5px}.scene-button{background:transparent;border:0;border-radius:7px;padding:11px 20px;min-height:44px;color:var(--muted);font-size:14px;font-weight:700}.scene-button[aria-selected=true]{background:var(--purple);color:white}.scene-button:hover:not([aria-selected=true]){background:#e3d6f4;color:var(--ink)}.plan-viewport{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#9671c4 #e5dbf3}.floor-plan{display:block;width:100%;min-width:650px;height:auto;max-height:310px}.route{stroke-dashoffset:0}.scene-shell.switching .route{animation:route-flow .65s cubic-bezier(.16,1,.3,1)}@keyframes route-flow{from{stroke-dashoffset:38}to{stroke-dashoffset:0}}.diagram-caption{padding:0 30px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#6b527e}.legend{display:flex;gap:18px;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:6px}.legend svg{width:17px;height:17px}.scene-info{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;padding:30px 0 40px}.scene-info h3{font-size:23px;margin-bottom:12px}.scene-info p{font-size:14px;color:#f1eaff}.scene-info ul{padding:0;margin:0;list-style:none;font-size:14px}.scene-info li{position:relative;padding:10px 0 10px 23px;border-bottom:1px solid #996fdf}.scene-info li::before{content:'';position:absolute;left:1px;top:18px;width:6px;height:6px;background:#e2ceff;border-radius:50%}.section{padding-block:92px}.section-head{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end;margin-bottom:46px}.section-head>p{color:var(--muted);max-width:48ch;justify-self:end}.system-row{display:grid;grid-template-columns:1fr 1.55fr;gap:90px;border-top:1px solid var(--line);padding:34px 0}.system-row:last-child{padding-bottom:0}.system-name{display:flex;gap:20px;align-items:start}.system-name svg{width:40px;height:40px;color:var(--purple);flex:none}.system-name h3{padding-top:5px}.system-row h4{margin-bottom:12px}.system-row p{color:var(--muted);font-size:15px}.system-row .check-note{font-size:13px;color:var(--purple-dark);margin-top:17px}.equipment-band{background:var(--lilac)}.equipment-layout{display:grid;grid-template-columns:.85fr 1.3fr;gap:100px}.equipment-intro>p{margin-top:24px;color:var(--muted)}.equipment-table{width:100%;border-collapse:collapse;font-size:14px}.equipment-table tr{border-top:1px solid #cbbbdc}.equipment-table tr:last-child{border-bottom:1px solid #cbbbdc}.equipment-table th{text-align:left;vertical-align:top;font-size:16px;width:36%;padding:23px 24px 23px 0;line-height:1.5}.equipment-table td{padding:23px 0;vertical-align:top}.equipment-table strong{display:block;font-weight:700;margin-bottom:7px}.equipment-table p{color:var(--muted);font-size:14px;line-height:1.7}.network-mark{display:grid;grid-template-columns:repeat(2,66px);gap:7px;margin-top:56px;width:max-content;transform:rotate(-10deg)}.network-mark span{display:block;height:66px;background:#6838cf;border-radius:50%}.network-mark span:nth-child(2){border-radius:50% 50% 0 50%;background:#a880e8}.network-mark span:nth-child(3){border-radius:50% 0 50% 50%;background:#bda0ec}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:26px;counter-reset:step}.steps li{border-top:1px solid var(--line);padding-top:23px}.step-index{font-size:15px;font-weight:700;color:var(--purple);font-variant-numeric:tabular-nums}.steps h3{font-size:19px;margin:24px 0 13px}.steps p{color:var(--muted);font-size:14px}.calculator-band{background:var(--plum);color:#fff}.calculator-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.calculator-layout h2{font-size:clamp(30px,3vw,43px)}.calc-intro{margin-top:26px;font-size:17px;color:#e2d4f2}.calc-note{font-size:13px;color:#cbb8df;margin-top:30px;line-height:1.8}.calc-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}.calc-fields label{display:flex;flex-direction:column;gap:10px;font-size:13px;color:#e9def5}.calc-fields input{width:100%;min-width:0;height:58px;border:1px solid #806794;background:#38224e;border-radius:7px;color:#fff;font-size:23px;padding:10px 15px;font-variant-numeric:tabular-nums;caret-color:#d5b4ff}.calc-fields input[aria-invalid=true]{border-color:#ffb6ba}.full-field{grid-column:1/-1}.calc-result{border-top:1px solid #806794;margin-top:28px;padding-top:24px}.calc-result>span{font-size:13px;color:#e2d4f2}.calc-result output{display:block;font-size:clamp(42px,5vw,70px);line-height:1.2;font-weight:600;letter-spacing:-.035em;margin:8px 0;color:#d9bbff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.calc-result p{font-size:12px;color:#d9c5eb}.calc-error{font-size:13px;color:#ffd0d3;margin-top:16px}.practice h2{margin-bottom:48px}.practice-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:45px}.practice-grid article{padding-top:24px;border-top:1px solid var(--line)}.practice-grid h3{font-size:23px;margin-bottom:18px}.practice-grid p{color:var(--muted);font-size:14px}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;border-top:1px solid var(--line);padding-top:60px}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;min-height:74px;padding-block:18px;font-size:17px;font-weight:600;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:24px;color:var(--purple);font-weight:400}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{padding:0 40px 24px 0;color:var(--muted);font-size:14px}.closing{background:#e9dff9;padding:72px 0}.closing-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;align-items:center}.closing h2{font-size:clamp(30px,3.3vw,45px)}.closing p{margin-top:24px;max-width:47ch;color:var(--muted)}.closing .button{margin-top:28px}.brief-list{list-style:none;padding:0;margin:0;font-size:14px}.brief-list li{display:flex;gap:14px;border-bottom:1px solid #c8b7de;padding:16px 0}.brief-list li::before{content:'';width:13px;height:13px;border:1px solid #8663ad;flex:none;margin-top:5px;border-radius:2px}.footer{padding-block:38px;display:grid;grid-template-columns:.65fr 1.6fr .5fr;gap:50px;align-items:start}.footer p{font-size:12px;color:var(--muted);max-width:60ch}.footer>a:last-child{font-size:13px;justify-self:end;display:flex;align-items:center;gap:12px;min-height:44px}.footer>a:last-child svg{transform:rotate(-90deg);width:17px}.mobile-plan-hint{display:none}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.header-inner{gap:20px}#navigation{gap:16px;font-size:12px}.brand{font-size:27px}.section-head,.system-row,.equipment-layout,.calculator-layout,.faq,.closing-layout{gap:45px}.hero-intro p{max-width:55%}.scene-toolbar{padding:20px}.diagram-caption{padding-inline:20px;align-items:start}.diagram-caption>p{max-width:30%}.legend{gap:10px}.scene-info{gap:40px}.steps{gap:20px}.steps h3{font-size:17px}.floor-plan{max-height:none}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-inner{height:70px;gap:12px}.brand{font-size:26px}.languages{margin-left:auto}.menu-button{display:block}#navigation{display:none;position:absolute;top:69px;left:0;right:0;margin:0;padding:18px 20px 24px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 14px 24px #26144012;font-size:16px;flex-direction:column;gap:0}#navigation.open{display:flex}#navigation a{min-height:48px}.hero{padding-top:38px}.hero h1{font-size:clamp(36px,8vw,59px);letter-spacing:-.035em}.hero-intro{display:block;padding:24px 0 30px}.hero-intro p{font-size:16px;max-width:100%}.hero-intro .button{margin-top:22px;min-height:50px}.scene-toolbar{display:block;padding:20px 16px 12px}.scene-toolbar h2{font-size:17px}.scene-tabs{margin-top:14px;gap:2px}.scene-button{flex:1;min-width:0;padding:10px 8px;font-size:13px}.diagram-caption{display:block;padding:12px 16px 18px}.diagram-caption>p{max-width:none;margin-bottom:12px;font-size:12px}.legend{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;font-size:12px}.legend span{gap:5px}.legend svg{width:16px;height:16px}.scene-info{grid-template-columns:1fr;gap:18px;padding:27px 0 32px}.scene-info h3{font-size:22px}.scene-info p,.scene-info li{font-size:14px}.section{padding-block:60px}.section-head{grid-template-columns:1fr;gap:22px;margin-bottom:32px}.section-head>p{justify-self:start;font-size:15px}.system-row{grid-template-columns:1fr;gap:20px;padding:28px 0}.system-name{gap:14px;align-items:center}.system-name svg{width:30px;height:30px}.system-name h3{padding:0;font-size:19px}.system-row h4{font-size:23px}.system-row p{font-size:14px}.equipment-layout{grid-template-columns:1fr;gap:32px}.equipment-intro{position:relative}.equipment-intro p{font-size:15px;max-width:49ch}.network-mark{display:none}.equipment-table th{font-size:14px;width:35%;padding-right:16px}.equipment-table strong{font-size:13px}.equipment-table p{font-size:14px}.steps{grid-template-columns:1fr 1fr;gap:32px 22px}.steps h3{font-size:18px;margin-top:16px}.steps p{font-size:14px}.calculator-layout{grid-template-columns:1fr;gap:34px}.calc-intro{font-size:16px;margin-top:20px}.calc-note{font-size:12px;margin-top:18px}.calc-fields{gap:18px}.calc-result output{font-size:54px}.practice h2{margin-bottom:30px}.practice-grid{grid-template-columns:1fr;gap:28px}.practice-grid h3{font-size:23px;margin-bottom:13px}.faq{grid-template-columns:1fr;gap:22px;padding-top:40px}.faq summary{font-size:16px}.closing{padding:48px 0}.closing-layout{grid-template-columns:1fr;gap:36px}.closing .button{width:100%;padding-inline:15px;gap:12px;font-size:13px}.footer{grid-template-columns:1fr auto;gap:22px;padding-block:30px}.footer p{grid-column:1/-1;grid-row:2}.footer>a:last-child{grid-column:2;grid-row:1}.mobile-plan-hint{display:block;margin:0;padding:8px 16px 0;color:#6b527e;font-size:12px}}
@media(max-width:360px){.wrap{width:calc(100% - 28px)}.header-inner{gap:7px}.brand{font-size:23px}.languages a{min-width:32px}.menu-button{padding-inline:9px}.hero h1{font-size:34px}.steps{grid-template-columns:1fr}.equipment-table th,.equipment-table td{display:block;width:100%;padding:16px 0 0}.equipment-table td{padding:5px 0 18px}.calc-fields{gap:15px 12px}.calc-fields label{font-size:12px}.scene-toolbar h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.legend svg{flex-shrink:0}.furniture.alternate{display:none}.scene-shell[data-scene="1"] .furniture.office,.scene-shell[data-scene="2"] .furniture.office{display:none}.scene-shell[data-scene="1"] .furniture.shop,.scene-shell[data-scene="2"] .furniture.warehouse{display:block}
/* Contrast follows the surface around each keyboard focus indicator. */
:focus-visible{outline-color:#5329ae}.hero :focus-visible{outline-color:#fff}.hero .scene-shell :focus-visible{outline-color:#5329ae}.calculator-band :focus-visible{outline-color:#d9bbff}