.box-page{max-width:1680px;padding-bottom:70px}.box-page h1,.box-page h2,.box-page h3{font-weight:600;letter-spacing:-.6px}.box-hero{position:relative;display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:center;min-height:380px;padding:46px 52px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(125deg,#eef3ff 0%,#f8f7fc 66%,#fff1e4 100%);box-shadow:var(--shadow-card);overflow:hidden}.box-eyebrow{margin:0 0 14px;color:#6881b4;font-size:13px;line-height:1.5;letter-spacing:1.4px;text-transform:uppercase;font-weight:600}.box-hero h1{font-size:clamp(30px,3.5vw,52px);line-height:1.12;margin:0 0 22px;max-width:850px}.box-lead{color:var(--muted);font-size:19px;line-height:1.65;margin:0 0 26px;max-width:900px}.box-hero-copy{position:relative;z-index:1}.box-hero-art{display:block;width:100%;max-width:370px;height:auto;justify-self:center;filter:drop-shadow(0 18px 18px rgb(17 40 100 / 8%));mix-blend-mode:multiply}.box-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.box-button{display:inline-flex;justify-content:center;align-items:center;gap:14px;padding:17px 23px;min-height:56px;font-size:17px;line-height:1.3;font-weight:600;text-decoration:none;border:1px solid #42649d;border-radius:14px;color:white;background:linear-gradient(130deg,#345a9a,#112864);box-shadow:var(--shadow-control);transition:box-shadow .2s,transform .2s}.box-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgb(17 40 100 / 13%);color:white}.box-button.is-secondary{border-color:#d2daea;color:var(--ink);background:linear-gradient(130deg,#fff,#edf3ff)}.box-button.is-orange{color:var(--ink);border-color:#ffc28a;background:linear-gradient(120deg,#ffb477,#ff9750)}.box-hero-note{font-size:13px;color:var(--muted);margin:16px 0 0}.box-nav{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:28px 0 48px;padding:8px;background:linear-gradient(120deg,#f2f6fd,#faf6f3);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-control)}.box-nav a{flex:1 0 auto;padding:14px 15px;text-align:center;color:var(--muted);font-size:16px;text-decoration:none;border-radius:12px;transition:background .2s,color .2s}.box-nav a:hover{background:#fff;color:var(--ink)}.box-nav a[aria-current=page]{background:white;color:var(--ink);box-shadow:var(--shadow-control)}.box-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.box-content-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:32px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(130deg,#f3f6ff,#fcfaff 75%,#fff5eb);box-shadow:var(--shadow-card)}.box-section-number{color:#8296ba;font-size:13px;font-weight:600;letter-spacing:2px;margin-bottom:18px}.box-content h2{font-size:28px;line-height:1.3;margin:0 0 16px}.box-content-card p,.box-next p,.box-faq p,.box-promotion p{font-size:17px;line-height:1.8;color:var(--muted);margin:0 0 20px}.box-text-link{color:var(--link);text-decoration:none;font-size:16px;line-height:1.5;font-weight:600}.box-content-card>.box-text-link{margin-top:auto}.box-text-link:hover{text-decoration:underline;color:var(--link-hover)}.box-stats{display:flex;flex-wrap:wrap;gap:24px;width:100%;margin:10px 0}.box-stats div{flex:1;min-width:120px}.box-stats strong{display:block;font-size:31px;color:var(--ink);margin-bottom:8px}.box-stats span{font-size:14px;line-height:1.5;color:var(--muted)}.box-next{margin-top:48px;padding:34px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(110deg,#edf3ff,#f9f7fb,#fff3e7);box-shadow:var(--shadow-card);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}.box-next h2{font-size:28px;margin:0 0 14px;line-height:1.3}.box-next>div:first-child{max-width:700px}.box-next p:last-child{margin:0}.box-source{margin:28px 0 0;font-size:14px;line-height:1.8;color:var(--muted)}.box-source a,.box-faq a,.box-promotion a{color:var(--link);text-underline-offset:4px}.box-table-section{grid-column:1/-1;margin-top:20px}.box-table-scroll{overflow:auto;border:1px solid #d9e1ed;border-radius:18px;box-shadow:var(--shadow-card)}.box-page table{width:100%;min-width:720px;border-collapse:collapse;font-size:16px;line-height:1.6}.box-page th,.box-page td{padding:20px;text-align:left;border-right:1px solid #d9e1ed;border-bottom:1px solid #d9e1ed;vertical-align:top}.box-page tr>:last-child{border-right:0}.box-page tbody tr:last-child>*{border-bottom:0}.box-page thead th{background:#eaf0fd;font-size:17px}.box-page tbody th{width:24%;font-weight:600;background:#f5f7fb}.box-page tbody td{width:38%;color:var(--muted);background:#fff}.box-page tbody td:last-child{background:#fff5e9}.box-section-heading{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:26px}.box-page h2{font-size:32px;line-height:1.3}.box-section-heading h2{margin:0}.box-options{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:0;border:0;padding:0}.box-options legend{float:left;margin-right:24px;line-height:50px;font-weight:600;font-size:17px}.box-options label{display:flex;align-items:center;gap:10px;border:1px solid #d9e1ed;border-radius:12px;background:#f6f8fe;padding:13px 18px;cursor:pointer;box-shadow:var(--shadow-control)}.box-options input{width:20px;height:20px;accent-color:#294c87;margin:0;flex:none}.box-options label:has(:checked){background:#ecf2ff;border-color:#6b89b8}.box-config-status{font-size:14px;line-height:1.6;color:var(--muted);min-height:45px;margin:16px 0 25px}.box-editions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.box-editions[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.box-editions[data-columns="1"]{grid-template-columns:minmax(0,780px);justify-content:center}.box-edition{padding:28px 23px;border:1px solid #dce3ee;border-radius:22px;background:linear-gradient(135deg,#f3f6ff,#fff);box-shadow:var(--shadow-card);display:flex;flex-direction:column;min-width:0}.box-edition[hidden]{display:none}.box-edition.is-enterprise{border-color:#b7c8e4;background:linear-gradient(140deg,#eaf0fe,#f7f8ff,#fdfdff)}.box-edition[data-box-edition=ENT_HRM]{background:linear-gradient(140deg,#eef2ff,#f9f6fb,#fff1e4);border-color:#f4c99f}.box-edition-header{min-height:150px}.box-edition h3{font-size:25px;line-height:1.2;margin:0 0 18px}.box-edition-header p{font-size:15px;color:var(--muted);line-height:1.6;margin:0}.box-user-select{height:58px;display:flex;align-items:center;font-size:18px;font-weight:600}.box-page select{font:inherit;border:1px solid #d4ddec;border-radius:12px;padding:12px 10px;background:#fff;color:var(--ink);width:100%;min-height:48px;box-shadow:var(--shadow-control);cursor:pointer}.box-page select:focus-visible{outline:3px solid #6b89b8;outline-offset:3px}.box-price-area{min-height:145px;padding-top:20px;position:relative}.box-price{font-size:clamp(32px,2.2vw,39px);line-height:1.2;font-weight:600;letter-spacing:-.8px;margin:0 0 12px;white-space:nowrap;color:var(--ink);font-variant-numeric:tabular-nums}.box-price small{font-size:.65em}.box-license{font-size:14px;line-height:1.4;color:var(--muted);margin:0 0 14px;display:block}.box-license-period select{min-height:38px;padding:7px 10px;font-size:14px}.box-license-period[hidden]{display:none}.box-card-actions{display:flex;flex-direction:column;gap:17px;min-height:122px;margin:0 0 25px;align-items:stretch}.box-card-actions>.box-text-link{text-align:center}.box-card-actions .box-button{padding:16px 10px;font-size:17px}.box-feature-list{list-style:none;margin:0;padding:24px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:15px;font-size:16px;line-height:1.5}.box-feature-list li{display:flex;align-items:flex-start;gap:12px}.box-check{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex:none;background:#e0e9fa;color:#416da4;border-radius:50%;margin-top:1px}.box-check svg{display:block;width:17px;height:17px}.is-enterprise .box-check{background:linear-gradient(130deg,#4b73ae,#112864);color:#fff}.box-edition[data-box-edition=ENT_HRM] .box-check{background:linear-gradient(130deg,#ffbb7a,#ff9650);color:#814019}.box-note{font-size:14px;line-height:1.8;color:var(--muted);margin:24px 0}.box-subscriptions,.box-faq{margin-top:65px}.box-subscriptions>h2{margin:0 0 20px}.box-subscription-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.box-subscription{display:flex;flex-direction:column;padding:26px 23px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#f4f7ff,#fdfbff);box-shadow:var(--shadow-card)}.box-subscription h3{font-size:23px;line-height:1.3;min-height:65px;margin:0 0 18px}.box-subscription>p:not(.box-price),.box-subscription>select{font-size:15px;min-height:48px;margin:0 0 23px;display:flex;align-items:center;color:var(--muted)}.box-sub-discount{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:15px;margin-bottom:15px}.box-sub-discount span{color:#a45126;background:#ffebd7;border-radius:7px;padding:5px 7px}.box-subscription .box-button{font-size:16px;margin-top:16px;padding:15px 10px}.box-promotion,.box-faq details{margin-top:20px;border:1px solid var(--line);border-radius:17px;background:#f8faff;box-shadow:var(--shadow-control)}.box-promotion summary,.box-faq summary{font-size:18px;font-weight:600;padding:23px;cursor:pointer;line-height:1.5}.box-promotion summary{display:flex;justify-content:space-between;align-items:center}.box-promotion>div,.box-faq details>p{padding:0 23px 10px}.box-faq details>p{margin:0 0 14px}.box-pricing{scroll-margin-top:20px}.box-content-card,.box-table-section{scroll-margin-top:20px}
@media(min-width:1250px){.box-edition-header{min-height:155px}}
@media(max-width:1249px){.box-editions,.box-subscription-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.box-price{font-size:36px}.box-edition-header{min-height:125px}.box-hero{padding:36px}.box-nav a{font-size:15px;padding:13px 12px}}
@media(max-width:760px){.box-hero{grid-template-columns:1fr;padding:28px;gap:16px;min-height:0}.box-hero h1{font-size:34px}.box-hero-art{max-width:230px;grid-row:2}.box-lead{font-size:17px}.box-actions{gap:12px}.box-button{padding:15px 18px;font-size:16px}.box-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:22px 0 30px;padding:6px}.box-nav a{font-size:14px;padding:14px 8px}.box-content{grid-template-columns:1fr;gap:18px}.box-content-card{padding:26px}.box-content h2{font-size:25px}.box-content-card p{font-size:16px}.box-next{padding:27px}.box-next h2{font-size:25px}.box-section-heading h2,.box-subscriptions>h2,.box-faq h2{font-size:28px}.box-editions,.box-editions[data-columns="2"],.box-subscription-grid{grid-template-columns:1fr}.box-edition-header{min-height:0;margin-bottom:28px}.box-edition h3{font-size:27px}.box-edition{padding:28px}.box-price-area{min-height:140px}.box-price{font-size:40px}.box-options{gap:10px}.box-options legend{width:100%;line-height:30px;margin-bottom:10px}.box-options label{padding:12px}.box-card-actions{min-height:0}.box-feature-list{font-size:17px}.box-subscription h3{min-height:0}.box-config-status{min-height:0}.box-table-scroll{border-radius:12px}.box-page th,.box-page td{padding:17px}.box-stats{gap:20px}.box-source{font-size:13px}}
@media(prefers-reduced-motion:reduce){.box-button,.box-nav a{transition:none}.box-button:hover{transform:none}}

/* Corporate Portal recommendation, aligned with the cloud tariff badge. */
.box-subscription.is-popular{position:relative;border-color:#ffa974}.box-popular{position:absolute;top:-15px;left:50%;transform:translateX(-50%);padding:6px 14px;border-radius:9px;background:linear-gradient(120deg,#ffb071,#ff8438);border:1px solid #ffd0ad;font-size:14px;line-height:1.4;font-weight:600;white-space:nowrap;color:var(--ink);box-shadow:0 3px 10px #ac59101c}
/* The cube uses the same artwork, AI tile and funnel tile as the cloud offer. */
.box-hero-visual{width:100%;max-width:370px;justify-self:center}.box-hero-visual .pricing-offer-art{width:100%}
.box-feature-name{flex:1;min-width:0}.box-help-trigger{display:inline-grid;place-items:center;flex:0 0 28px;width:28px;height:28px;margin:0;padding:2px;border:0;border-radius:50%;color:#6e84ab;background:transparent;cursor:help;vertical-align:middle;transition:background .15s,color .15s;line-height:1}.box-help-trigger svg{display:block;width:24px;height:24px;max-width:none}.box-help-trigger:hover,.box-help-trigger[aria-expanded="true"]{background:#e5edff;color:#112864}.box-help-trigger:focus-visible{outline:2px solid #087eaf;outline-offset:3px}.box-criterion-label{display:flex;align-items:center;justify-content:space-between;gap:14px}.box-help-tooltip{position:fixed;z-index:10020;width:min(340px,calc(100vw - 24px));padding:20px 22px;border:1px solid #d5dfef;border-radius:18px;background:linear-gradient(125deg,#f5f8fff5,#fffffffa 65%,#fff5ecf5);color:#112864;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 40px #11286424;font-family:"Golos Text",sans-serif;font-size:16px;line-height:1.55;box-sizing:border-box}.box-help-tooltip[hidden]{display:none}.box-help-tooltip strong{display:block;margin-bottom:9px;font-weight:600}.box-help-tooltip p{margin:0;color:#536381;font-weight:500}
@media(max-width:760px){.box-hero-visual{max-width:230px;grid-row:2}.box-help-trigger{flex-basis:32px;width:32px;height:32px}.box-help-tooltip{padding:18px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.box-help-trigger{transition:none}}
/* Balanced editorial rows without artwork reserving extra space. */
.box-content{grid-template-columns:repeat(12,minmax(0,1fr))}
.box-content-card{grid-column:span 6;min-width:0;padding:28px}
.box-table-section{grid-column:1/-1}
[data-box-page=about] .box-content>.box-content-card:nth-last-of-type(-n+3){grid-column:span 4}
[data-box-page=updates] .box-content>.box-content-card:nth-of-type(-n+3){grid-column:span 4}
.box-content h2{font-size:28px}.box-content-card p{line-height:1.65}.box-content-card>p:empty{display:none}
/* WordPress wraps some closing links in a paragraph; both variants align below. */
.box-content-card>p:last-child:has(>.box-text-link){margin-top:auto;margin-bottom:0}
.box-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.box-stats div{min-width:0}.box-stats strong{font-size:28px}.box-stats span{display:block;font-size:13px}
/* Miniatures occupy the existing number row and never affect card dimensions. */
.box-card-object{position:absolute;top:6px;right:26px;width:52px;height:52px;pointer-events:none;animation:box-card-drift 12s ease-in-out infinite;animation-play-state:paused;transform-origin:center}
.box-card-object img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 4px #11286412)}
.box-hero-visual,.box-hero-art{animation:box-hero-drift 14s ease-in-out infinite;animation-play-state:paused;transform-origin:center}
.box-card-object.is-in-view,.box-hero-visual.is-in-view,.box-hero-art.is-in-view{animation-play-state:running}
.box-content-card:nth-of-type(3n+2) .box-card-object{animation-delay:-4s}.box-content-card:nth-of-type(3n) .box-card-object{animation-delay:-8s}
.box-motion-paused .box-card-object,.box-motion-paused .box-hero-visual,.box-motion-paused .box-hero-art{animation-play-state:paused}
@keyframes box-hero-drift{0%,100%{transform:translate3d(0,0,0) rotate(-.35deg)}50%{transform:translate3d(0,-4px,0) rotate(.35deg)}}
@keyframes box-card-drift{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}50%{transform:translate3d(0,-2px,0) rotate(1deg)}}
@media(max-width:1100px) and (min-width:761px){.box-content-card{padding:24px}.box-content h2{font-size:26px}.box-content-card p{font-size:16px}.box-card-object{top:3px;width:50px;height:50px}}
@media(max-width:1100px){[data-box-page=about] .box-content,[data-box-page=updates] .box-content{grid-template-columns:minmax(0,1fr)}.box-page[data-box-page=about] .box-content>.box-content-card,.box-page[data-box-page=updates] .box-content>.box-content-card{grid-column:1}}
@media(max-width:760px){.box-content{grid-template-columns:minmax(0,1fr)}.box-content-card{grid-column:1;padding:26px}.box-content h2{font-size:25px}.box-card-object{top:8px;right:22px;width:48px;height:48px}.box-stats{gap:10px}.box-stats strong{font-size:24px}.box-stats span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.box-card-object,.box-hero-visual,.box-hero-art{animation:none;transform:none}}
/* Unique porcelain sculptures occupy the corner without changing editorial flow. */
[data-box-page=about] .box-content-card{isolation:isolate}
.box-card-object.is-abstract{top:auto;bottom:0;right:0;width:240px;height:210px;border-radius:0 0 21px 0;overflow:hidden;animation:none;mask-image:var(--box-copy-mask,linear-gradient(#000,#000)),linear-gradient(90deg,transparent 0%,#000 58%),linear-gradient(0deg,#000 0%,transparent 90%);mask-composite:intersect;opacity:.9;z-index:-1}
.box-card-object.is-abstract picture{display:block;width:100%;height:100%;animation:box-card-drift 12s ease-in-out infinite;animation-play-state:paused}
.box-card-object.is-abstract img{width:260px;height:260px;max-width:none;position:absolute;right:-38px;bottom:-50px;filter:none;object-fit:contain}
.box-card-object.is-abstract.is-in-view picture{animation-play-state:running}
.box-content-card:nth-of-type(3n+2) .is-abstract picture{animation-delay:-4s}
.box-content-card:nth-of-type(3n) .is-abstract picture{animation-delay:-8s}
.box-motion-paused .box-card-object.is-abstract picture{animation-play-state:paused}
@media(max-width:760px){.box-card-object.is-abstract{width:195px;height:185px;opacity:.72}.box-card-object.is-abstract img{width:230px;height:230px;right:-42px;bottom:-52px}}
@media(prefers-reduced-motion:reduce){.box-card-object.is-abstract picture{animation:none}}
/* About hero: the artwork floats above a stationary, breathing shadow. */
[data-box-page=about] .box-hero-visual{position:relative;animation:none;isolation:isolate}
[data-box-page=about] .box-hero-visual .pricing-offer-art{animation:box-cube-float 7.5s ease-in-out infinite;animation-play-state:paused}
[data-box-page=about] .box-hero-visual::after{content:"";position:absolute;z-index:-1;left:25%;bottom:1%;width:50%;height:12px;border-radius:50%;background:#45639126;filter:blur(7px);animation:box-cube-shadow 7.5s ease-in-out infinite;animation-play-state:paused;pointer-events:none}
[data-box-page=about] .box-hero-visual.is-in-view .pricing-offer-art,[data-box-page=about] .box-hero-visual.is-in-view::after{animation-play-state:running}
.box-motion-paused [data-box-page=about] .box-hero-visual .pricing-offer-art,.box-motion-paused [data-box-page=about] .box-hero-visual::after{animation-play-state:paused}
@keyframes box-cube-float{0%,100%{transform:translate3d(-2px,7px,0) rotate(-1.2deg)}50%{transform:translate3d(2px,-13px,0) rotate(1.2deg)}}
@keyframes box-cube-shadow{0%,100%{transform:scaleX(1);opacity:.72}50%{transform:scaleX(.8);opacity:.38}}
@media(max-width:760px){[data-box-page=about] .box-hero-visual .pricing-offer-art{animation-name:box-cube-float-mobile}[data-box-page=about] .box-hero-visual::after{height:9px;filter:blur(5px)}}
@keyframes box-cube-float-mobile{0%,100%{transform:translate3d(-1px,5px,0) rotate(-1.2deg)}50%{transform:translate3d(1px,-10px,0) rotate(1.2deg)}}
@media(prefers-reduced-motion:reduce){[data-box-page=about] .box-hero-visual .pricing-offer-art,[data-box-page=about] .box-hero-visual::after{animation:none;transform:none}[data-box-page=about] .box-hero-visual::after{opacity:.5}}
/* Sliding warm highlight: pointer, keyboard and two-column mobile navigation. */
.box-nav{position:relative;isolation:isolate}
.box-nav a{position:relative;z-index:1;transition:color .2s,background .2s,box-shadow .2s}
.box-nav a:hover,.box-nav a[aria-current=page]{background:linear-gradient(125deg,#fff8ed,#ffe6cf);box-shadow:inset 0 0 0 1px #ffd2ad,0 4px 12px #c76b2412;color:var(--ink)}
.box-nav-indicator{position:absolute;left:0;top:0;z-index:0;pointer-events:none;border-radius:12px;background:linear-gradient(125deg,#fff8ed,#ffe2c6);box-shadow:inset 0 0 0 1px #ffcca4,0 4px 14px #cc6a221c;view-transition-name:box-tab-indicator}
.box-nav.is-enhanced a,.box-nav.is-enhanced a:hover,.box-nav.is-enhanced a[aria-current=page]{background:transparent;box-shadow:none}
.box-nav.is-indicator-ready .box-nav-indicator{transition:transform var(--glass-select-duration) var(--glass-ease),width var(--glass-select-duration) var(--glass-ease),height var(--glass-select-duration) var(--glass-ease)}
/* Page/header motion belongs to the shared navigation contract. */
.box-nav{view-transition-name:box-navigation}
::view-transition-group(box-navigation),::view-transition-group(box-tab-indicator){animation-duration:var(--glass-select-duration);animation-timing-function:var(--glass-ease)}
::view-transition-old(box-navigation),::view-transition-old(box-tab-indicator),::view-transition-new(box-tab-indicator){animation:none;mix-blend-mode:normal}
::view-transition-new(box-navigation){animation:site-page-arrive var(--glass-select-duration) var(--glass-ease) both;mix-blend-mode:normal}
@media(prefers-reduced-motion:reduce){.box-nav a,.box-nav.is-indicator-ready .box-nav-indicator{transition:none}}
/* One description color, separate from titles, links and secondary navigation. */
.box-lead,.box-content-card p,.box-next p:not(.box-eyebrow),.box-faq p,.box-promotion p,.box-edition-header p,.box-config-status,.box-license,.box-note,.box-subscription>p:not(.box-price),.box-help-tooltip p,.box-stats span,.box-source,.box-page tbody td{color:var(--description)}
.box-page .box-content-card:has(>.box-section-number){transition:border-color .2s ease}
@media(hover:hover) and (pointer:fine){.box-page .box-content-card:has(>.box-section-number):hover{border-color:#ffc4a3}}
@media(prefers-reduced-motion:reduce){.box-page .box-content-card:has(>.box-section-number){transition:none}}
